问题 #2076✓ 已解决提出于 2019年6月12日作者 msassa2 个反应

如何制作一个新的组件来允许Laravel刀片指令?

快速解答作者 artf2

@msassa 如果你这样写代码,编辑器很难理解,但如果你创建一种自定义的条件组件,你会对它有更多的控制。 这里有一个例子,说明该状况也可以通过性状改变 https://jsfiddle.net/452fvwk6/

阅读下方完整回答 ↓

问题

你好,感谢你的精彩工作。

我想知道代码里有没有办法用刀片指令。

我已经添加了一个新功能来编辑源代码,运行得很好。 ![图片](https://user-images.githubusercontent.com/570080/59308899-94af6e80-8c78-11e9-8e92-07db03ef3580.png)

但当我写下这样的话时,画布上会显示一段难看的文字: ![图片](https://user-images.githubusercontent.com/570080/59308937-b27cd380-8c78-11e9-88bf-b9c564815b31.png)

我喜欢找到一种方式,@if不会在画布上渲染。 你知道怎么做吗? 前端的模板用得很好,但我喜欢把它隐藏在画布上。 谢谢!

回答(3)

👍 最有帮助artf2019年6月14日

@msassa 如果你这样写代码,编辑器很难理解,但如果你创建一种自定义的条件组件,你会对它有更多的控制。 这里有一个例子,说明该状况也可以通过性状改变 https://jsfiddle.net/452fvwk6/

verdverm2019年6月13日

渲染时该语法会如何解析?

我一直在考虑在画布里运行 React,但我们需要加载我们创建的 React 和 Transpile 组件。浏览器里有个Babel脚本可以做类似的事情。还没完全让它工作起来。

从根本上说,你写的内容被解读为文本/HTML

msassa2019年6月13日

你好,我正在把那个代码保存到S3文件里。 后来,我会在Laravel应用中使用这些文件。 一切运行良好,我唯一喜欢改进的地方是: 代码作为源代码是正确的,必须以原始码保存。 但当我在画布上可视化那个块时,我只需要看到 html,而不是 @if(...),还有 @endif...... 它可以用特殊标记表示被指令桶包围,但这并非必要。 实际上,它显示的是这样的内容: ![图片](https://user-images.githubusercontent.com/570080/59392750-2689ab00-8d4f-11e9-99d5-f4c7be82c58f.png) 理想情况下,我需要...

相关问答

通过相似的问题讨论继续研究。

与此问题匹配的付费插件

根据问题关键词和标签相关性精选,助你更快交付。

查看全部插件

正在加载付费插件推荐……

免费方案

在以下平台查看开源 GrapesJS 插件: GitHub 或在我们的免费目录中快速搜索。

浏览免费插件 →
高级方案

高级插件提供支持、定期更新和生产就绪的功能——为你节省数天的集成工作。

浏览高级插件 →

浏览插件分类

直接跳转到市场上的插件分类页面。