标签: tinymce-plugins

我正在使用tinymce的codesample插件,这在我的自定义门户网站https://www.tinymce.com/docs/plugins/codesample/中提到.

一切正常,直到,我必须"重新编辑"存储在数据库中的数据.

当我去编辑时,所有数据都存储在数据库中

<pre><code>&lt;html&gt; &lt;p&gt;Text&lt;/p&gt; &lt;/html&gt; </code></pre>

被剥离并仅显示

<pre><code>Text </code></pre>

从"工具>来源"查看时

我已经在我的textarea中使用"htmlentities",如: -

<textarea><?php echo htmlentities($content); ?></textarea>

它仍然会删除codesample插件创建的标记内使用的所有html标记.

常见问题:1.第一次添加数据时一切正常.2.问题仅在我去编辑页面时.Tinymce仅从codesample插件中删除HTML代码.使用像"css,python,php"等代码示例添加的所有代码都显示在编辑器中.

我想添加一个触发按钮来将图像上传为数据.所以我添加了以下代码

<textarea id="test"></textarea>
<input name="image" type="file" id="test-upload" class="hidden" onchange="">

tinymce.init({
            selector: '#test',
            ...,
            paste_data_images: true,
            image_advtab: true,
            file_picker_callback: function(callback, value, meta) {
                if (meta.filetype == 'image') {
                    jQuery('#test-upload').trigger('click');
                    jQuery('#test-upload').on('change', function() {
                        var file = this.files[0];
                        var reader = new FileReader();
                        reader.onload = function(e: any) {
                            callback(e.target.result, {
                                alt: ''
                            });
                        };
                        reader.readAsDataURL(file);
                    });
                }
            },
            ...
        });

这是按预期工作的.我正在为图像获取文件选择器,如下所示

但是当我尝试添加链接时,我也得到了这个文件选择器.

怎么避免这个？

您好，已经浏览了 TinyMCE 的文档，但无法找到为什么 TinyMCE 在 iframe 中剥离了 allowedfullscreen 属性？当我插入并重新编辑时，它被剥离了。尝试了 iframe 网址

<iframe src="http://players.brightcove.net/4338955589001/Bkh63tBcx_default/index.html?videoId=5347595845001" width="320" height="240" allowfullscreen></iframe>

现场小提琴 代码。感谢帮助

为TinyMCE制作一个自定义插件,我想知道如何根据当前光标位置自动选择一个单词,就像在Wordpress"添加链接"插件中一样.

我搜索过Wordpress TinyMCe Wplink代码和TinyMCE文档,但我没有参考....

我正在使用具有插入图像功能的 TinyMCE HTML 编辑器。我正在处理的应用程序不允许使用来自外部 URL 的图像。所以他们应该只能使用上传选项。有没有办法禁用下面显示的源文本框？是否有可以使用的初始化属性？

下面是一个有问题的 TinyMCE 编辑器的例子。https://www.tiny.cloud/docs/demo/local-upload/

我正在为 Windows 窗体设计一个 HTML 编辑器。为此，我使用Geckofx 60.64和TinyMCE 5.2.0 。当一切顺利运行时，这将是一个用户控件。这是屏幕截图： 我不希望在此用户控件中弹出任何内容。但是，TinyMCE 的代码插件会作为弹出窗口打开。 就像在Wordpress中的TinyMCE编辑器中一样，我希望当您单击代码图标时在编辑器中显示HTML代码的内容，并在再次单击代码图标时返回它。但我不知道该怎么做。为了更好地说明我想要的东西，我还在Photoshop中设计了一个简单的图像。

我正在尝试创建一些方法来使tinyMCE将光标移动到文本中的某些SPANS上，并且如果所有跨度都在文本的可见部分中，则可以正常工作，但是对于长文档，当跨度不是可见（必须滚动才能查看），它可以移动插入符号，但文本不会滚动：

这个问题显示了如何移动插入符号，但不会滚动。如何强制编辑器滚动到插入符号位置？

我正在为tinyMCE制作一个单词预测插件,需要提取一些文本,然后从预测单词列表中插入文本.插入应该没问题,因为我知道光标在哪里并且可以使用该mceInsertContent命令.获取预测的文本但是......

我需要提取文本的一个子集,该文本以光标位置之前的字母结尾,并从文本的开头开始.如果需要,我可以自己剥离HTML标签,但我更喜欢让tinyMCE尽可能地做.

我想这样做:

1. 使用在当前光标位置插入书签 mceInsertContent
2. 创建从文本开头到书签的范围.
3. 获取范围的内容.
4. 删除书签.

现在,因为我不熟悉那些对我来说有点挑战的tinyMCE,所以怎么会这样做呢？

代码需要跨浏览器工作.

一位客户要求我制作一个插件来插入电话链接，我知道这可以通过链接插件来完成，但他希望有一个专门设计的插件来实现。我已经有了带有弹出窗口的插件，您可以在其中插入所需的数据，这是代码，我要添加的功能与链接插件相同，因此当用户单击链接的文本时，内容可以是在我的插件的窗口管理器中进行了编辑。

这是我到目前为止的代码：

tinymce.PluginManager.add('phonelink', function(editor, url) {  
// Add a button that opens a window
  tinymce.DOM.loadCSS(url + '/css/phonelink.css');
  editor.addButton('phonelink', {
    text: false,
    icon: 'phonelink',
    onclick: function() {
      // Open window
      editor.windowManager.open({
        title: 'Enlace teléfono',
        body: [
          {type: 'textbox', name: 'phone', label: 'Teléfono'},
          {type: 'textbox', name: 'showtext', label: 'Texto a mostrar'},
          {type: 'textbox', name: 'title', label: 'Título'}
        ],
        onsubmit: function(e) {
          // Insert content when the window form is submitted
          editor.insertContent('<a title="' + e.data.title + '" href="tel:+34' + e.data.phone + '">' + …

下午好，我来详细解释一下这个问题。我正在将 TinyMCE 编辑器版本连接4.6.4到我的网站。它在媒体插件中有插件，您可以通过它将媒体文件插入编辑器。

因此，我将视频添加到编辑器中。实际上，您可以通过不同的方式添加视频，其中之一就是为编辑器提供直接链接，我就是这样做的。

media_live_embeds编辑器的初始化中有一个参数，可以将其插入到true或 的位置false，如果该参数插入为true，则添加的视频可以直接在编辑器中播放。

问题是，如果我从我的网站提供视频链接（vvv.mp4示例），那么它不会播放（就像参数插入到 media_live_embeds: false 中一样）。

但是，如果我添加来自 youtube 的视频链接（示例https://www.youtube.com/watch?v=q6_yRWPd4Yc），那么它就可以工作。

屏幕上有 2 个视频，第一个带有 YouTube 链接，第二个带有来自该网站的链接，第一个视频是直接从编辑器播放的，第二个则不是。

我有什么错？谁遇到过这个问题？

这是小编整理的，大家可以自己测试一下。

我有一个Angular应用程序，我正在使用它TinyMCE作为我的编辑器。
有什么方法可以为带有角度的编辑器添加自定义插件吗？我还没有在网上找到任何关于角度的例子。

我想要实现的目标是在工具栏上添加一个按钮，用于打开自定义的角度组件。我在 stackblitz 上添加了一个简单的 TinyMCE 编辑器示例。

https://stackblitz.com/edit/angular-ivy-k3nguv?file=src%2Fapp%2Fapp.component.ts