繁体   English   中英

GrapesJS-将HTML作为表单的一部分发布

[英]GrapesJS - Posting the HTML as part of a form

作为页面编辑器的一部分,我想将GrapesJS用作页面内容的所见即所得。

GrapesJS如何在表单内部工作? 在同一页面上,您将能够更新页面名称,URL等。

保存表单时,我希望将GrapesJS生成的html与页面名称,URL等一起发布。

思考

我考虑过使用隐藏输入,当GrapesJS编辑器中的内容发生更改时,它将更新隐藏输入的值,该值将在保存表单时发布,但是我不确定如何检测到在grapesjs中进行更改,以便我可以更新输入值。

您可以检测到这样的更改:

editor.on('change:changesCount', e => {
     alert("Some changes were made");
});

编辑 HTML 位于<textarea>&lt;i&gt;using GrapesJs&lt;/div&gt;&lt;/i&gt;&lt;b&gt;使用 GrapesJs&lt;/div&gt;&lt;/b&gt;</textarea><div id="text_translate"><p> <strong>我想为当前使用简单&lt;textarea&gt;字段编辑的 HTML 片段提供可视化编辑器。</strong></p><p> 我正在尝试学习 GrapesJs 来实现这一目标,但我无法掌握这个想法。 据我了解,GrapesJs 被渲染到指定的&lt;div&gt;中,可能采用与要编辑的初始模板相同的&lt;div&gt;内容,然后我猜它会修改 DOM 或将其工作存储在浏览器存储中。</p><p> 如果我理解正确,我仍然不知道如何改变这种行为来处理我的&lt;textarea&gt;情况。 我需要编辑器将&lt;textarea&gt;内容作为其初始模板,并最终将修改后的 HTML 片段作为文本 (?) 放回其中。 所以我们不需要将我们的 DOM 存储在任何地方或将 HTML 发送到服务器。 此&lt;textarea&gt;所在的表单将负责将其放到后端。</p><p> 这也让我想知道GrapesJs如何与放置&lt;textarea&gt;的表单分开,它可能有自己的styles和代码。</p><p> Grapes 会对 styles 和正在编辑的页面的 javascripts 做什么? 它们会成为 GrapesJs 将产生的文本的一部分吗?...</p><p> <strong>我将欣赏一个小的代码示例,它将打开一个 GrapesJs 可视化编辑器,该编辑器将其工作存储到/来自&lt;textarea&gt;</strong></p><p> <em>如果不可避免,我可以为 html 和 styles 创建两个&lt;textarea&gt;</em></p><p> (在编辑器本身和我们正在编辑的页面的逻辑分离方面,我发现文档对我的知识水平感到困惑,我目前无法理解文档中的这些概念)</p></div>

[英]Edit HTML that is in a <textarea> using GrapesJs

暂无
暂无

声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.

相关问题 Javascript POSTing HTML表单 编辑 HTML 位于<textarea>&lt;i&gt;using GrapesJs&lt;/div&gt;&lt;/i&gt;&lt;b&gt;使用 GrapesJs&lt;/div&gt;&lt;/b&gt;</textarea><div id="text_translate"><p> <strong>我想为当前使用简单&lt;textarea&gt;字段编辑的 HTML 片段提供可视化编辑器。</strong></p><p> 我正在尝试学习 GrapesJs 来实现这一目标,但我无法掌握这个想法。 据我了解,GrapesJs 被渲染到指定的&lt;div&gt;中,可能采用与要编辑的初始模板相同的&lt;div&gt;内容,然后我猜它会修改 DOM 或将其工作存储在浏览器存储中。</p><p> 如果我理解正确,我仍然不知道如何改变这种行为来处理我的&lt;textarea&gt;情况。 我需要编辑器将&lt;textarea&gt;内容作为其初始模板,并最终将修改后的 HTML 片段作为文本 (?) 放回其中。 所以我们不需要将我们的 DOM 存储在任何地方或将 HTML 发送到服务器。 此&lt;textarea&gt;所在的表单将负责将其放到后端。</p><p> 这也让我想知道GrapesJs如何与放置&lt;textarea&gt;的表单分开,它可能有自己的styles和代码。</p><p> Grapes 会对 styles 和正在编辑的页面的 javascripts 做什么? 它们会成为 GrapesJs 将产生的文本的一部分吗?...</p><p> <strong>我将欣赏一个小的代码示例,它将打开一个 GrapesJs 可视化编辑器,该编辑器将其工作存储到/来自&lt;textarea&gt;</strong></p><p> <em>如果不可避免,我可以为 html 和 styles 创建两个&lt;textarea&gt;</em></p><p> (在编辑器本身和我们正在编辑的页面的逻辑分离方面,我发现文档对我的知识水平感到困惑,我目前无法理解文档中的这些概念)</p></div> 将远程 html 文件加载到grapesjs 发布HTML表单后重定向 表单操作未通过php / html发布 从HTML表单发布JS变量 HTML表单HIdden字段添加了Javascript而不是POSTing 停止使用AngularJS以表单发布html标签 html表单未从javascript和php发布 HTML表单未发布或未对提交采取任何措施
 
粤ICP备18138465号  © 2020-2024 STACKOOM.COM