tinymce 相关问题

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

无法加载网址./Utils

TinyMCE Svelte 软件包遇到问题。当我尝试运行我的项目时，出现以下错误：无法在 X:/codeX3/CrimsonLotus_web/

tinymce svelte vite sveltekit

回答 1 投票 0

Magento 2.4.6 Tiny_mce_5 编辑器无法工作

具有 porto 主题的 Magento 2.4.6 版本不允许我修改编辑器中的内容。我们只能添加 HTML/css/Js 代码。显示/隐藏按钮未显示。并且控制台中有错误。共享屏幕...

javascript magento tinymce magento2 text-editor

回答 1 投票 0

如何从 TinyMce Web 组件编辑器中删除 POWERED BY TINY

我正在使用 TinyMce Web 组件编辑器，我也放置了我的 API 密钥。但仍然获得“POWERED BY TINY”品牌。代码如下：- 我正在使用 TinyMce Web 组件编辑器，我也放置了我的 API 密钥。但仍然获得“POWERED BY TINY”品牌。代码如下：- <tinymce-editor branding="false" id="editor" height="150" resize="false" menubar="false"> This will be the initial content of the editor </tinymce-editor> 品牌=“假”也不起作用。提醒您，删除品牌是 TinyMCE 的一项付费功能。 TinyMCE 的品牌设置不是 Web 组件支持的内置属性之一，但与任何属性一样，您仍然可以通过在 Javascript 中全局声明对象然后引用名称的逃生口来设置它。 <script>window.myConfig = { branding: false };</script> <tinymce-editor id="editor" height="150" resize="false" menubar="false" config="myConfig"> This will be the initial content of the editor </tinymce-editor> https://www.tiny.cloud/docs/integrations/webcomponent/#settingadditionalconfigurationoptions 通过 init() 函数： tinymce.init({ ... statusbar: 'false', ... }); 对于高于或等于 5 的新版本，请按以下方式使用 branding: false, tinymce.init({selector: 'textarea', forced_root_block : ' ', branding: false, )};

tinymce

回答 3 投票 0

TinyMCE 剥离样式标签

有没有办法让TinyMCE V4不删除标签。 tinymce.init({ 选择器：'textarea.tinymce'，主题：“现代”，插件：[ 'advlist 自动链接图像列表 c...</desc> <question vote="17"> <p>有没有办法让 <a href="https://www.tinymce.com/docs/" rel="noreferrer">TinyMCE V4</a> 不删除 <pre><code><style></code></pre> 标签。</p> <pre><code> tinymce.init({ selector: 'textarea.tinymce', theme: 'modern', plugins: [ 'advlist autolink link image lists charmap print preview hr anchor pagebreak spellchecker', 'searchreplace wordcount visualblocks visualchars code insertdatetime media nonbreaking', 'save table contextmenu directionality emoticons template paste textcolor' ], valid_elements: '+*[*]', width: '100%', inline_styles: true, keep_styles: true, extended_valid_elements: '+*[*]', custom_elements: '*', invalid_elements: '', verify_html: false }); </code></pre> <p>我希望能够添加任何我想要的 HTML，无论是否有效。我不在乎它是分叉还是解决方法。</p> </question> <answer tick="false" vote="18"> <p>您可以使用 TinyMCE 的 <pre><code>valid_children</code></pre> 选项：</p> <pre><code>valid_children : '+body[style]', </code></pre> <p>检查<a href="https://jsfiddle.net/6LLrcn4z/" rel="noreferrer">this fiddle</a>以获得完整的示例。 </p> <p><pre><code>valid_children</code></pre> 使您能够控制指定父元素中可以存在哪些子元素。</p> </answer> <answer tick="false" vote="12"> <p>将 <pre><code>style</code></pre> 和 <pre><code>link</code></pre> 定义为自定义标签以保留它们：</p> <pre><code>tinymce.init({ ... extended_valid_elements:"style,link[href|rel]", custom_elements:"style,link,~link" ... }); </code></pre> </answer> <answer tick="false" vote="0"> <p>TinyMCE 只允许有效的 HTML 标签... <pre><code><style></code></pre> 标签属于文档的 <pre><code><head></code></pre> 中，因此如果您将一个标签放在 <pre><code><body></code></pre> 中，它会将其删除。 </p> <p>如果您启用 <pre><code>fullpage</code></pre> 插件并在 <pre><code><style></code></pre> 中添加 <pre><code><head></code></pre> 标签，TinyMCE 将保留 <pre><code><style></code></pre> 标签。 </p> </answer> <answer tick="false" vote="0"> <p>正如 @Dekel 之前所说 - 添加以下行解决了问题 - valid_children : '+body[style],-body[div],p[strong|a|#text]',</p> <p>参考：<a href="https://www.tiny.cloud/docs/configure/content-filtering/#keep_styles" rel="nofollow noreferrer">https://www.tiny.cloud/docs/configure/content-filtering/#keep_styles</a></p> </answer> <answer tick="false" vote="0"> <p>面临同样的问题，添加Wayne提到的以下代码即可解决问题</p> <pre><code>tinymce.init({ ... custom_elements:"style" ... }); </code></pre> </answer> </body></html>

javascript tinymce

回答 0 投票 0

Mod 安全块由 Tiny MCE 编辑器格式化的文本

我正在尝试在 Laravel 项目上使用 TinyMCE 编辑器，它在本地主机上运行得非常好，但是当部署到服务器时，Mod 安全性会阻止表单提交，因为其中的 HTML 元素...

laravel tinymce mod-security formatted-input

回答 1 投票 0

tinyMCE 模糊事件

你好当用户在tinyMCE文本区域中完成书写并单击外部某处（onBlur）时，我想做一些事情。到目前为止我已经尝试过： $('#id_topic_text_parent').live('模糊',function(){ 阿尔...

javascript jquery tinymce onblur rte

回答 7 投票 0

我想在tinymce编辑器中将role=presentation更改为role=application

我想在“tinymce编辑器”中将角色=演示文稿更改为角色=应用程序，因为当我在移动设备中打开灰色框显示而不是带有工具栏菜单栏的文本编辑器时。但它有效...

javascript php tinymce text-editor tinymce-5

回答 1 投票 0

在Cypress和Typescript中设置TinyMCE Editor的内容

我正在使用 Typescript 构建 React Js 应用程序。我正在使用 Cypress 为我的应用程序编写集成测试。我还使用 Typescript 编写 Cypress 测试。我现在正在尝试设置...

typescript tinymce cypress cypress-custom-commands

回答 3 投票 0

TinyMCE 编辑器未加载，因为文档未处于标准模式 - 如何让我的文档处于标准模式？

我即将让 TinyMCE 编辑器在我们的网站上工作。添加讨论时所需的脚本正在加载。我可以在 HTML 源代码中看到它们。我的域名已正确注册...

tinymce

回答 3 投票 0

TinyMCE：保存编辑器内容后，Firefox 浏览器上出现 NS_ERROR_UNEXPECTED

目前在firefox浏览器上，当我们尝试重新加载具有tiny-mce编辑器的组件时，我们会看到NS_ERROR_UNEXPECTED消息，并且编辑器根本不显示任何内容。加载时

angular firefox tinymce tinymce-6

回答 2 投票 0

Tinymce 图片上传时出现“Post method not allowed”错误

我正在尝试以 vue.js 形式在我的 tinymce 编辑器中包含图像上传功能。当我浏览并上传图像时，它不断出现 405 错误。 Symfony\Component\HttpKernel\Exception\

laravel vue.js tinymce

回答 2 投票 0

TinyMCE 的 MathType 外部插件无法工作

我正在尝试将 MathType 集成到我的 TinyMCE 编辑器中，但出现以下错误：未捕获的类型错误：tinymce.create 不是函数 2 (plugin.js:1:163253) 在 __webpack_require__ (

plugins tinymce external mathtype

回答 2 投票 0

我可以在没有 no-api-key CDN 的情况下使用 Tinymce-vue 吗？

这是一个内部网络应用程序。 Tinymce-vue 将无 api-key CDN 注入到我的应用程序中。这没问题，但现在我正在将我的应用程序迁移到没有集成的新服务器......

vue.js tinymce

回答 0 投票 0

具有安全 API 集成的 TinyMCE 图像

在Angular项目中，我使用TinyMCE ver6，并启用了图像插件并允许用户使用我的API上传图像，并且API需要令牌和自定义安全标头，我已经完成了上传部分

angular image tinymce

回答 0 投票 0

更新已安装的vue 3（nuxtjs）中的tinymce html内容

我在 nuxt.js 中有以下 vue3 页面。我已全局禁用 SSR。函数 setHtml() { tinymce.activeEditor.setContent('<p>test</p>'); } </</desc> <question vote="0"> <p>我在 nuxt.js 中有以下 vue3 页面。我已全局禁用 SSR。</p> <pre><code><script setup> function setHtml() { tinymce.activeEditor.setContent('<p>test</p>'); } </script> <template> <Navbar/> <editor api-key="no-api-key" :init="{ menubar: false, plugins: 'lists advlist link image emoticons', toolbar: 'styleselect | forecolor backcolor | font-size bold italic | alignleft aligncenter alignright alignjustify | bullist numlist | link image emoticons' }" /> <button @click="setHtml()"> Update html </button> <br> <textarea id="htmlOutput" style="width: 100%; height: 50px;"></textarea> </template> <script> import Editor from '@tinymce/tinymce-vue' export default { mounted() { tinymce.activeEditor.setContent('<p>test</p>'); } } </script> </code></pre> <p>现在，我想在组件加载后直接将编辑器的 html 更新为 <pre><code><p>test</p></code></pre> 。为此我应该使用<pre><code>mounted()</code></pre>。这会导致以下错误：</p> <pre><code>[nuxt] error caught during app initialization ReferenceError: tinymce is not defined </code></pre> <p>我尝试创建一个名为 <pre><code>setHtml()</code></pre> 的函数，该函数通过按钮调用。这确实有效。所以，我认为会发生以下两种情况之一：</p> <ol> <li><pre><code>mounted()</code></pre>的范围无法访问<pre><code>tinymce</code></pre></li> <li>每当执行<pre><code>mounted()</code></pre>时，编辑器尚未成功加载</li> </ol> <p>如何在安装页面后直接更新编辑器的 html 内容？</p> <p><a href="https://codesandbox.io/p/sandbox/vibrant-rain-7762dl?file=%2Fpages%2Findex.vue%3A32%2C1-32%2C39" rel="nofollow noreferrer">沙盒链接</a></p> </question> </body></html>

javascript vue.js nuxt.js vuejs3 tinymce

回答 0 投票 0

execCommand 事件中的 TinyMCE 问题

TinyMCE 编辑器有问题。当我从工具栏插入表格时，会触发 execCommand，它应该包含 mceInsertTable。但是，会触发两个事件：mceInsertConten...

tinymce tinymce-6

回答 0 投票 0

当我单击工具栏上的任何内容时，TinyMce 会重新加载

问题是，每次我单击工具栏上的任何内容时，tinyMCE（v 4.7.12）编辑器都会重新加载。这仅在一次回发后发生。在第一次初始化时，编辑器工作正常，但是......

jquery asp.net tinymce

回答 1 投票 0

占位符在 TINYMCE 的编辑器文本区域中不起作用

我们尝试在tinymce.init中添加占位符，但它没有显示在文本区域中。 tinymce.init({ 选择器：“文本区域”， ** 占位符：“输入段落文本。突出显示要应用的文本