我用以下代码创建了新的工具栏选项，叫做text-align “''js const rteStudio = studio.RichTextEditor; rteStudio.add（'text-align'， { icon： “ ” + “ 选择对齐 ” + “ 左 ” + “ 中心 ” + “ Right ” + “ ， attributes： { title： 'Text Align'}，事件：“变化”，结果：（rteStudio，动作） => { var val = action.btn.firstChild.value; var fontTag = “”; if（action.btn.className && （action.btn.className.indexOf（“gjs-rte...

问题 #2168💬 已回答提出于 2019年7月25日作者 jadejahardipsinh0 个反应

自定义 HTML DOM 的更改在保存到数据库时会被反映出来

快速解答作者 artf

确保使用最新版本，并在调用所需命令前尝试调用选中的组件的“sync：content”，例如： “''js editor.getSelected（）.trigger（'sync：content'）; editor.runCommand（'gjs-get-inlined-html'） ```

阅读下方完整回答 ↓

问题

我用以下代码创建了新的工具栏选项，叫做text-align “''js const rteStudio = studio.RichTextEditor; rteStudio.add（'text-align'， { icon： “<select id=\”textAlignSelector\“ class=\”gjs-field lm select\“>” + “<选项值=''>选择对齐</option>” + “<选项值=\”左\“>左</option>” + “<期权值=\”中心\“>中心</option>” + “<期权价值=\”right\“>Right</option> ” + “</select>， attributes： { title： 'Text Align'}，事件：“变化”，结果：（rteStudio，动作） => { var val = action.btn.firstChild.value; var fontTag = “”; if（action.btn.className && （action.btn.className.indexOf（“gjs-rte-active”） < 0）） { action.btn.className += “ ”.concat（“gjs-rte-active”）; } var el = rteStudio.getCurr...

回答（3）

artf• 2019年8月7日

确保使用最新版本，并在调用所需命令前尝试调用选中的组件的“sync：content”，例如： “''js editor.getSelected（）.trigger（'sync：content'）; editor.runCommand（'gjs-get-inlined-html'）

jadejahardipsinh• 2019年8月7日

@artf，谢谢你的回答。我试过了，但很遗憾没用。我用以下代码获得这个问题： “''js studioCommand.add（'com-save'， { run： function（studio， sender） { studio.getSelected（）.trigger（“sync：content”） var studioContent = studio.runCommand（'gjs-get-inlined-html'）; 使用 ajax 调用将 studioContent 保存到数据库中 } }); ``` 我已经做过了，但什么都没发生。如果有错误，请纠正我。再次非常感谢你的帮助。

artf• 2019年8月12日

@jadejahardipsinh Grapesjs 版本？

在 GitHub 上查看完整讨论 →