tinymce 相关问题

TinyMCE是一个基于Web的JavaScript HTML WYSIWYG编辑器控件，可用作开源和基于云的API。使用此标记可以了解有关TinyMCE的使用及其与CMS和其他基于Web的应用程序的集成的问题。

solid-start 中tinymce 的样式问题

我正在尝试在一个稳定启动的项目中使用tinymce。 TinyMCE 在我需要时打开，但它没有显示工具栏，并且实际上不允许我编辑。我怀疑这是风格问题。我

tinymce solid-start

回答 1 投票 0

在图像工具上添加属性

我需要在图像工具上添加属性我用的是小云。当我添加图像时，我需要在图像标签上添加类和属性。像那样我可以添加自定义CSS tinymce.init({ 选择器: 'textarea', //

tinymce tinymce-5 tinymce-plugins

回答 1 投票 0

TinyMCE 编辑器预览在 Tailwind css 中不起作用

这是CDN链接 <p><pre><code><script src="https://cdn.tiny.cloud/1/no-api-key/tinymce/5/tinymce.min.js" referrerpolicy="origin"></script></code></pre>这是CDN链接</p> <pre><code><script type="text/javascript"> tinymce.init({ selector: 'textarea.tinymce-editor', height: 300, menubar: false, plugins: [ 'advlist autolink lists link image charmap print preview anchor', 'searchreplace visualblocks code fullscreen', 'insertdatetime media table paste code help wordcount', 'image' ], toolbar: 'undo redo | formatselect | ' + 'bold italic backcolor | alignleft aligncenter ' + 'alignright alignjustify | bullist numlist outdent indent | ' + 'removeformat | help', content_css: '//www.tiny.cloud/css/codepen.min.css' }); </script> {!! $courses->body !!} </code></pre> <p>我尝试在预览页面上显示内容..但不显示此预览我尝试在预览页面上显示内容..但不显示此预览我尝试在预览页面上显示内容..但没有显示此预览</p> </question> <answer tick="false" vote="0"> <p>我正在使用 tailwind-css..所以正常的 css 无法在该预览页面上工作..</p> <p>所以我用</p> <pre><code><div class="prose max-w-none"> {!! $courses->body !!} </div> </code></pre> <p>在上面的代码中，我使用 prose 类来设置文本内容样式，并使用 max-w-none 来删除最大宽度限制，从而允许内容根据需要扩展。</p> </answer> </body></html>

laravel tinymce tailwind-css tinymce-5

回答 0 投票 0

多个tinymce文本区域

我使用tinymce来动态生成至少5个文本的网页。不幸的是，我使用的配置仅适用于第一个文本区域。 tinyMCE.init({ 高度：“300”，模式：“例如...

html tinymce

回答 6 投票 0

将自定义样式应用于Wordpress后端的acf tinymce可视化编辑器

主要目标：我正在为客户开发一个网站，他们希望将自定义CSS样式应用于后端可视化编辑器tinymce中的文本。没什么太疯狂的，只是一些基本的链接和列表...

wordpress wordpress-theming tinymce tinymce-plugins visual-editor

回答 1 投票 0

TinyMCE 版本 5 的 Dark Skeen

请告诉我在哪里可以找到 TinyMCE 版本 5 的深色皮肤。我发现的所有其他皮肤都没有深色主题：材质经典、材质轮廓、bootstrap、织物、流畅、无边框、小型...

tinymce skins

回答 1 投票 0

Laravel Nova TinyMCE - 未找到“Murdercode\TinymceEditor\TinymceEditor”类

我有这样的源代码在此输入图像描述 Notif 中的输出未找到类“Murdercode\TinymceEditor\TinymceEditor” 在此输入图像描述我想上传图片到...

laravel tinymce laravel-nova

回答 1 投票 0

将焦点设置在TinyMce编辑器的加载上

当单击编辑按钮时，它会显示tinymce文本编辑器，但问题是它不会将焦点设置在从第二个开始的编辑器的第一次加载上，它工作正常以下是我尝试过的超文本标记语言当单击编辑按钮时，它会显示tinymce文本编辑器，但问题是它没有将焦点设置在从第二个开始的编辑器的第一次加载上，它工作正常以下是我尝试过的 HTML <h3>History Review <a href="#" class="blue_edit_btn" id="history_review_link" onclick="bgshoweditor('history_review')" >Edit</a></h3> JQuery function bgshoweditor(editorid) { $("#"+editorid+"_div").hide(); $("#"+editorid).show(); tinyMCE.execCommand('mceRemoveControl', false, editorid ); tinyMCE.execCommand('mceAddControl', true, editorid ); tinyMCE.execCommand('mceFocus', false, editorid ); tinyMCE.activeEditor.selection.select(tinyMCE.activeEditor.getBody(), true); tinyMCE.activeEditor.selection.collapse(false); } 也许 mceFocus 命令已在 TinyMce 4 中删除（我这么说是因为在 4.x 中删除了 mceRemoveControl 和 mceAddControl ）。所以，我建议使用.focus() 试试这个： tinyMCE.get(editorid).focus(); 工作示例或者您可以使用 auto_focus 属性。 auto_focus：此选项使您能够自动聚焦编辑器实例。注意：auto_focus 在编辑器加载时将焦点设置在编辑器上尝试此代码可能对您有用 function bgshoweditor(editorid) { $("#"+editorid+"_div").hide(); $("#"+editorid).show(); if (tinyMCE.activeEditor == null || tinyMCE.activeEditor.isHidden() != false) { tinyMCE.execCommand('mceRemoveControl', false, editorid ); } tinyMCE.execCommand('mceAddControl', true, editorid ); tinyMCE.execCommand('mceFocus', false, editorid ); tinyMCE.activeEditor.selection.select(tinyMCE.activeEditor.getBody(), true); tinyMCE.activeEditor.selection.collapse(false); } 适用于tinyMCE v4+ tinymce.activeEditor.focus(); 以防万一您正在寻找 VUE 瘦插件的解决方案 @tinymce/tinymce-vue import { getTinymce } from '@tinymce/tinymce-vue/lib/es2015/main/ts/TinyMCE' const tinyMCE = getTinymce() tinyMCE.activeEditor.focus()

javascript jquery html tinymce tinymce-4

回答 4 投票 0

无法从“tinymce”导入名称“HTMLField”

我在 makemigrations 时收到以下错误消息。有人可以建议一下吗。从tinymce导入HTMLField 导入错误：无法从“tinymce”导入名称“HTMLField”（F:\Blog ootst...

django tinymce

回答 2 投票 0

我可以在tinymce编辑器中插入一个react组件吗

我可以在tinymce编辑器中插入react组件吗？我需要自定义一个工具栏，用户单击它后，我需要向tinymce编辑器插入一个react组件，我可以实现吗？我可以插入反应吗

tinymce tinymce-5 tinymce-6

回答 1 投票 0

将 React 组件添加到 TinyMCE 编辑器内容中

我们正在构建一个编辑器，我们希望使用 TimyMCE 和 React。我们有一些场景，在事件中我们必须将基于模板的内容添加到编辑器。我正在计划设计该项目...