编辑已保存的html编辑器.set组件滑块加载问题
问题
我正在做一个项目,集成了 grapesJs 让用户构建模板,保存到数据库中,并编辑这些已保存的模板。
我最近添加了滑块插件,现在用户可以创建模板,但编辑时会引发JavaScript问题, 我用 editor.setComponents 编辑用户模板,并在 editor.setComponent('<saved html>')和 editor.setStyle('<saved style>')中添加已保存的 html,
现在,当保存的HTML中有某种JavaScript,比如滑块JavaScript,并且当JavaScript出现撇号(')时,它会破坏脚本并抛出异常,
我可以手动传递这些HTML和CSS在<div id=“gjs”中>但正文背景CSS不起作用。 有什么面糊溶液可以解决这个问题?
editor.setComponents('{!! $template->html !!}'); editor.setStyle('{!! $template->css !!}'); editor.store();
我用的是Laravel,加载模板、HTML和CSS都是这样
回答(3)
我找到了解决办法,我直接把HTML和CSS内容传到了<div>。
我遇到了一个新问题,当我把CSS传递<div>去渲染和HTML时,我会更改样式并用editor.getCss()获得;它会得到我传递到style tag里<div>的旧样式
相关问答
通过相似的问题讨论继续研究。
问题 #890
:我无法让这个简单的例子正常工作
我对JavaScript并不陌生,但当我尝试这个例子时: 我得到的是一张空白页。 这还包括加入CSS和Javascript库。 有什么建议能让它顺利运行吗? 看起来是个出色的项目!
问题 #1519
:在 grapesjs.init 中加入组件
能否在 grapesjs.init 上初始化组件。 我们没有使用 StorageManager.load。 我们已经在init时拿到了项目数据。 用 HTML 没问题,但用组件会把组件对象渲染成编辑器中的文本。 'this.editor = grapesjs.init({ co...
问题 #1329
问题:如何用同一个CSS处理多个页面
你好,Grapejs团队, 我们一直在开发多页网站建设器。 每个项目都会有多个HTML页面,每个页面都是统一的“style.css”页面。 我懒得加载每个页面,用以下函数来处理多个页面加载 上述页面加载时页面正常,但如果页面空或与前一页不同,会移除某些 CSS 类。它并没有完美...
问题 #843
CssComposer - 移除未使用的类
你好@artf, 我用 grapesjs-preset-newsletter 导入一个 html,里面有 '' 标签里有一些 css 类<style>。 导入后,当我调用“editor.getCss()”时,之前添加的一些类现在缺失了。 我检查过那些CSS类在任何地方都没被使用...
与此问题匹配的付费插件
根据问题关键词和标签相关性精选,助你更快交付。
正在加载付费插件推荐……
相关教程
关于同一主题的深入指南。
浏览插件分类
直接跳转到市场上的插件分类页面。