TinyMCE是一个基于Web的JavaScript HTML WYSIWYG编辑器控件，可用作开源和基于云的API。使用此标记可以了解有关TinyMCE的使用及其与CMS和其他基于Web的应用程序的集成的问题。
我可以通过以下方式访问 TinyMCE 中选定的文本 var选择=parent.tinyMCE.activeEditor.selection.getContent(); 但我如何才能访问已选择的文本片段的 href
管理面板中的 TinyMCE 工作正常，但是当我查看帖子时，我看到了标签。例如 asdasdasdasdasdddasdasdasd 管理面板中的 TinyMCE 工作正常，但当我查看帖子时，我看到了标签。例如 <p style="text-align: right;">asdasdasdasdasdddasdasdasd</p> <p style="text-align: center;">asdasdadasd</p> <li>asdasda</li> <li>sd</li> <li>asd</li> <li>asdaa</li> <li>adasda</li> <li style="text-align: right;">a</li> <li style="text-align: right;">asdas</li> <li style="text-align: right;"></li> </ol> 您需要将变量标记为安全或添加 autoescape。
当我在tinymce编辑器上复制粘贴时。 tinymce 正在自动添加 div 标签 我怎样才能阻止这个我会给你一个例子 我想添加这样的一段； Lorem Ipsum，dizgi ve baskı
我想在微型 mce 编辑器中添加自定义下拉菜单，我正在使用 yii 框架并使用 yii 插件来集成编辑器
Moodle 平台上的 TinyMce 和 Fontawesome 图标存在问题。图标不出现
长期以来，我们在 Moodle 上使用 Atto 作为文本编辑器。 在页脚上，我们使用 fontawesome 图标来表示社交媒体链接。 这是我们在 Atto 中最常使用的代码。 长期以来，我们在 Moodle 上使用 Atto 作为文本编辑器。 在页脚上，我们使用 fontawesome 图标来表示社交媒体链接。 这是我们在 Atto 中最常使用的代码。 <div style="text-align:center;"> <a href="https://www.linkedin.com" target="_blank" title="Facebook"><span class="sr-only">Linkedin</span><span class="fa-stack fa-lg"><span class="fa fa-circle fa-stack-2x"></span><span class="fa fa-linkedin fa-stack-1x fa-inverse"></span></span></a> <a href="https://twitter.com/" target="_blank" title="Twitter"><span class="sr-only">twitter</span><span class="fa-stack fa-lg"><span class="fa fa-circle fa-stack-2x"></span><span class="fa fa-twitter fa-stack-1x fa-inverse"></span></span></a> <a href="https://www.youtube.com/" target="_blank" title="Youtube"><span class="sr-only">Youtube</span><span class="fa-stack fa-lg"><span class="fa fa-circle fa-stack-2x"></span><span class="fa fa-youtube fa-stack-1x fa-inverse"></span></span></a> </div> 当我们切换到TinyMce编辑器时，代码被修改，图标不再出现。 结果代码是： <div style="text-align: center;"><a title="Twitter" href="https://twitter.com/" target="_blank" rel="noopener"><span class="sr-only">twitter</span></a> <a title="LinkedIn" href="https://www.linkedin.com/" target="_blank" rel="noopener"><span class="sr-only">linkedin</span></a> <a title="Youtube" href="https://www.youtube.com/" target="_blank" rel="noopener"><span class="sr-only">Youtube</span></a></div> 所有 fa 类都被删除，因此图标不再可见。 我应该怎么做才能避免这个问题？ 我们管理许多 Moodle 平台，Atto 编辑器很快将无法与 Moodle 兼容。 所以我确实需要找到一种在 Moodle 上通过 TinyMce 编辑器使用这个图标的方法。 谢谢您的帮助:) 最好的问候， 尝试在 Moodle 平台上通过 TinyMce 编辑器使用 Font Awesome 图标。 TinyMCE 默认删除空标签。您需要在标签内添加一些内容： <i class="fa-solid fa-cubes-stacked">< !-- SOMETHING_HERE --> </i> 同样适用于<em>： <em class="fa-regular fa-file-code"><!-- SOMETHING_HERE --></em>
我想在提交按钮旁边像平常的表单按钮一样制作预览按钮（就像在大多数情况下“发布新主题”表单一样）。如何以编程方式模拟工具栏的预览按钮单击？ 我
向tinymce vue.js 包装器的工具栏添加自定义按钮的问题
我正在尝试使用vue.js包装器将自定义按钮添加到tinymce的工具栏（使用vue 3和tinymce 5） 自定义按钮不显示在工具栏中的问题 我已经尝试过以下...
我正在使用 TinyMCE-React，当我在 TinyMCE 编辑器中输入初始值的文本时，光标不断返回到文本的开头...... 从“@tinymce/tinymce...
TinyMCE 6 删除/剥离 body 标签。 例如，当我将以下内容粘贴到源代码窗口中时 测试 TinyMCE 6 删除/剥离身体标签。 例如，当我将以下内容粘贴到源代码窗口时 <body xmlns="http://www.w3c.org/1999/xhtml"> <p>test</p> </body> 它被过滤成 <p>test</p> 如何保留身体标签？ 我有以下设置： tinymce.init({ selector: "textarea", encoding: 'raw', element_format : 'xhtml', 请注意，TinyMCE 5 保留了 body 标签 TinyMCE 6.0 中删除了整页插件（允许使用正文标签） https://www.tiny.cloud/docs/release-notes/release-notes59/#thefullpagefullpageplugin 目前（截至 2022 年 10 月）保留 body 标签的唯一方法是使用 TinyMCE 5 实际上，我的一个解决方案是在使用 save_onsavecallback 保存时添加回 body 标记，如下所示： var blob = new Blob(['<body>' + i.value+ '</body>'], {type: "text/plain;charset=utf-8"});
Django - TinyMCE - 管理 - 如何更改编辑器大小？
我似乎找不到任何方法来改变 TinyMCE 中的编辑器大小。 我在 Django 管理中编辑网站上的帖子，为了更轻松地我寻找一个比文本字段更好的编辑器。我成功了
我在模型中有一个 HTMLField，因为这是在管理中使用 tinymce 小部件的最懒的方法。但问题是 textarea 字段没有设置“rows”属性。所以文本区域没有 e...
尝试将 Tinymce 插件与 webpack encore 一起使用时出错
我正在尝试在文本区域元素上使用 Tinymce 插件： </</desc> <question vote="2"> <p>我正在尝试在文本区域元素上使用 Tinymce 插件：</p> <pre><code><textarea id="reportDescription" name="reportDescription" class="form-control" rows="4"></textarea> </code></pre> <p>我正在使用 Symfony 和 Webpack Encore。所以我使用以下方法安装了该软件包：</p> <pre><code>yarn add tinymce </code></pre> <p>在 webpack.config.js 中我编码：</p> <pre><code>.copyFiles({ from: 'node_modules/tinymce/skins', to: 'skins/[path]/[name].[ext]' }) </code></pre> <p>在 .js 中我尝试初始化插件：</p> <pre><code>require('tinymce'); $(document).ready(function () { if($("#reportDescription").length > 0){ tinymce.init({ selector: "textarea#reportDescription" }); } }); </code></pre> <p>当我在浏览器上加载页面时，出现此错误：</p> <pre><code>tinymce.js:4680 GET http://url/build/models/dom/model.js net::ERR_ABORTED 404 (Not Found) tinymce.js:18181 Failed to load model: dom from url models/dom/model.js tinymce.js:4680 GET http://url/build/icons/default/icons.js net::ERR_ABORTED 404 (Not Found) tinymce.js:18181 Failed to load icons: default from url http://url/build/icons/default/icons.js tinymce.js:4680 GET http://url/build/themes/silver/theme.js net::ERR_ABORTED 404 (Not Found) tinymce.js:18181 Failed to load theme: silver from url themes/silver/theme.js </code></pre> <p>我还不太了解如何在 webpack 上使用模块。如何导入它们，何时使用 require 或 import 以及它们之间的区别。所以也许我错过了一些重要的事情。</p> </question> <answer tick="false" vote="2"> <p>我的设置如下</p> <ol> <li><p>安装copy webpack插件 -- <em>yarn 添加copy-webpack-plugin --dev</em></p> </li> <li><p>在 webpack.config.js 中</p> <pre><code>const CopyPlugin = require("copy-webpack-plugin"); // at the top // ... // ... other stuff Encore.addPlugin( new CopyPlugin({ patterns: [ { context: './node_modules/tinymce/', from: '**/*.(min.js|min.css|woff)', to: './tinymce/[path][name][ext]' } ] }) ); Encore // directory where compiled assets will be stored .setOutputPath('public/build/') // other code </code></pre> </li> <li><p>我使用stimulusjs，所以在刺激控制器（tiny_controller.js）中我有下面的代码，以便所有具有tinymce类的文本区域都将被匹配</p> <pre><code> import { Controller } from "@hotwired/stimulus"; import tinymce from 'tinymce/tinymce'; // other code // other code initialize() { this.defaults = { base_url: '/build/tinymce', plugins: 'preview importcss', menubar: 'view insert format tools table', toolbar: 'undo redo | bold italic' toolbar_sticky: false, suffix: '.min' }; } connect() { this.initTinyMCE(); } initTinyMCE() { let config = Object.assign({ selector: 'textarea.tinymce', }, this.defaults); tinymce.init(config); } //other code //other code </code></pre> </li> </ol> <p>最后在 HTML 表单中可能是这样的</p> <pre><code><div data-controller="tiny"> <textarea name="comment" class="tinymce">Enter text here..</textarea> </div> </code></pre> </answer> <answer tick="false" vote="0"> <p>虽然@Patrick Kenekayoro 发布了一个非常好的答案，但在您的场景中，问题在于路径。正如您所注意到的，它会查找 <pre><code>/build/models/...</code></pre>，因此要解决此问题，只需将以下代码复制/粘贴到您的 webpack 配置中：</p> <pre><code>.copyFiles({ from: 'node_modules/tinymce/skins', to: 'skins/[path]/[name].[ext]' }) .copyFiles({ from: 'node_modules/tinymce/models', to: 'models/[path]/[name].[ext]' }) .copyFiles({ from: 'node_modules/tinymce/plugins', to: 'plugins/[path][name].[ext]', includeSubdirectories: true, pattern: /.*/ }) .copyFiles({ from: 'node_modules/tinymce/icons', to: 'icons/[path][name].[ext]', includeSubdirectories: true, pattern: /.*/ }) </code></pre> <p>即使在最新的 Symfony 项目中，这对我来说也非常有效。</p> </answer> </body></html>
我正在尝试使用 TinyMCE 和 Vue.js 2.x 启用内联编辑 我有一个非常简单的例子，我无法开始工作。 “普通”编辑器工作正常，所以它不是 Tiny 的安装...
HTML 标签未使用 TinyMCE 文本编辑器在 React js 中以正确的方式呈现
我在 React js 中使用 TinyMCE 文本编辑器。使用富文本编辑器的目的是将数据与 html 标签一起保存。 我面临的问题是我用 'p' ta 保存在 firebase 中的数据...
如果在多个 vuetify 对话框中使用，TinyMCE 会完全空白
我尝试在多个对话框中使用TinyMCE，但是每当我切换对话框时，TinyMCE 就会变得完全空白，我无法编辑它。 我创建了这个演示来重现我收到的错误：https://
使用django-tinymce时，在哪里指定referer？
我正在尝试将tinyMCE与django应用程序集成。我在 settings.py 中指定了以下内容： TINYMCE_JS_URL = "https://cdn.tiny.cloud/1//tinymce/6/tinymce.min.js&quo...
tinyMCE - tinyMCE.triggerSave() 与tinyMCE.get("id_here").triggerSave()
我已经愉快地使用tinyMCE很多年了。今天开始使用新的 Web 表单时，我在访问编辑器时遇到了两个以前从未遇到过的问题： 首先，使用 jQuery.ready 我调用 t...
每次我在文本区域内单击进行输入时，都会显示这两个选项。我不需要它们。我尝试在 TinyMCE 网站上查找，但找不到任何内容。希望有人能帮我找到一个
我正在将 TinyMCE 用于页面上的文本区域，但它在其他元素的 Tab 键顺序中表现不佳。 当我跳出第一个元素时，我可以使用以下代码来捕获： $('#ti...
希望你能帮助我 所以这是我的问题： 我想在 Bootstrap 5 模式中集成 TinyMCE 编辑器 但问题是，在 TinyMCE 模态（例如链接模态）中，我无法...