问题 #2937💬 已回答提出于 2020年8月4日作者 MattDBP1 个反应

问题:模态中的RTE

快速解答作者 Ju99ernaut1

你可以用它来获取组件及其样式; “''js const target = editor.getSelected(); 让 html = target.toHTML(); 设 CSS = 编辑器。CodeManager.getCode(target, 'css', { CSSC:编辑。CSS作曲家 }); HTML = '<style>${CSS}</style>' + HTML; ```

阅读下方完整回答 ↓

问题

你好, 我正在尝试让 TinyMCE 作为模态编辑器工作,而不是内联编辑器。 我能用target.getEl().innerHTML获取选中的组件html,但这不包含任何样式。 当用 replaceWith(html) 把内容重新设置时,组件上的所有样式都会丢失。 有没有办法在不丢失样式的情况下更新或替换组件的 html? const cmd = { run(editor, sender, options = {}) { var target = options.target ||editor.getSelected(); const modal = 编辑器。模态; cont STATE = { VueInstance: null, Html: target.getEl().innerHTML }; const vueElement = document.createElement('div'); vueElement.innerHTML = '<editor :init=“EditorConfig” v-model=“Html”></editor>'; modal.onceOpen(() => { 州。VueInstance = new Vue({ el: vueElement, data() { 返回 { EditorConfig: config, HTML:STATE。HT...

回答(1)

Ju99ernaut2020年8月17日

你可以用它来获取组件及其样式;

“''js const target = editor.getSelected(); 让 html = target.toHTML(); 设 CSS = 编辑器。CodeManager.getCode(target, 'css', { CSSC:编辑。CSS作曲家 }); HTML = '<style>${CSS}</style>' + HTML;

相关问答

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

与此问题匹配的付费插件

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

查看全部插件

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

免费方案

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

浏览免费插件 →
高级方案

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

浏览高级插件 →

浏览插件分类

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