动态创建 tinyMCE
const tinymceId = ref("vue-tinymce-" + +new Date() + ((Math.random() * 1000).toFixed(0) + ""))
const init = reactive({
selector: "#" + tinymceId.value
当第二次使用时工具栏就不见了,起初还以为是 id 的问题。
最后发现是它的一个粘滞工具栏属性带来的问题
只要把这个属性改为false 或者删掉就可以,就算没有指定属性,同样带有粘滞效果
toolbar_sticky: true, // 粘滞工具栏
只要把这个属性改为false 或者删掉就可以,就算没有指定属性,同样带有粘滞效果。当第二次使用时工具栏就不见了,起初还以为是 id 的问题。最后发现是它的一个粘滞工具栏属性带来的问题。动态创建 tinyMCE。
#TinyMCEView 框架
的框架,封装了 javascript HTML 编辑器 。 现在只是为了让它工作,但我希望它可以进一步发展。 它是一个 HTML 编辑器,不应被视为 CPTextView 或任何其他多行文本视图的替代品,即使它可以这样使用。 我之前使用过并且仍然使用一些事情,但是 TinyMCE 编辑器是一个比 Google 的 Closure Lib 编辑器更完整的 HTML 编辑器,我需要 TinyMCE 带来的额外功能,我没有时间在 Closure 库中自己实现它们.
要获得框架,只需执行以下操作:
git clone https://github.com/kerusan/TinyMCEView.git
现在你有一个本地副本。
然后要构建它,你必须有一个有效的卡布奇诺安装。 当你这样做时:
cd TinyMCEView
jake install
通过官网查到一篇博客,按照上面步骤可以实现tinymce富文本编辑器的封装和使用。https://www.cnblogs.com/zhongchao666/p/11142537.html在node_modules里面找到tinymce,将skins目录复制到public/tinymce里面(vue)
在node_modules里面找到tinymce,将skins目录复制到static/tinymce里面(nuxt)
由于公司需要使用nuxt.js,再次使.
1、首先看看人家官方的意见如下:
TinyMCE 编辑器(以及大多数网页编辑器)都是通过 javascript 来呈现并工作的。如果你网站上出现了 javascript 冲突,就有可能导致编辑器的 JS 代码无法执行,所以就不显示编辑器了。
所以,首先检查一下网页上有没有 JS 冲突,最近有没有安装过或设置过与 JS 有关的扩展?
还有一种情况是,你安装了某种“网页加速插件”,例如 JCH Optimize ,这些插件会尝试将页面上的 javascript 合并成一个文件。在合并过程中导致了错误。如果属于