标签: tinymce-4

我想用Javascript生成的自定义HTML填充模态对话框的主体.

此方法的文档大多是空的.

我只找到了一些例子

• 加载外部文件或
• 添加文本框.

是否有可用类型的文档？更具体地说,是否有一种类型可以从Javascript变量向对话框的主体添加常规标记？

我在Boostrap模式对话框中使用tinyMCE4编辑器.当我点击链接图标时,它会打开一个新的模态对话框,它显示正常,但输入区域不可编辑.

<div id="editing" class="modal hide fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
    <form>
    <label>
      <span>Description</span>
      <div id="description"></div>
    </label>
     <form>
 </div>

  <script>
    tinymce.init({
    selector: 'div#description',
    inline: false,
    theme : "modern",
    schema: "html5",
    add_unload_trigger: false,
    statusbar: false,
    plugins: "link",
    toolbar: "link | undo redo",
    menubar: false
 });
    </script>

有什么建议

提前致谢

我刚刚从TinyMCE3迁移到TinyMCE4,我想知道如何删除状态栏中的路径.但我想保留我的状态栏以获得调整大小的功能.

使用TinyMCE3,我们可以做到:

tinymce.init({
    ...
    theme_advanced_path : false
});

如何使用TinyMCE4获得相同的结果？

谢谢

我想直接在工具栏上更改标题(h1,h2,h3)(比如tinymce版本3)因为我在创建新的艺术品时非常使用它.我正在尝试在互联网上搜索,但我没有找到任何答案.请帮我.非常感谢

我看过这篇文章什么是TinyMCE jQuery包？这解释了v4 TinyMCE jQuery包的内容,但帖子和tinymce网站只包含v3的例子.

当我下载v4 TinyMCE jQuery包时,没有tiny_mce.js; 似乎有两个文件jquery.tinymce.min.js和tinymce.min.js.我已经读过,如果我包含这两个文件,那么我使用完整的TinyMCE而不是jQuery版本,但是如果我只包含jQuery文件,我对tinyMCE.init的调用将失败并且"tinyMCE未定义".

我真的宁愿从文档中解决这个问题,但我试图搜索它并找不到任何有关jQuery版本的内容.

在一个相关的点上,任何人都可以解释TinyMCE jQuery插件是什么以及它与上述有什么关系？我认为这可能是我理解中的差距.

首先十分感谢

我不确定我是否理解正确,但我相信有一个免费的"基本"版本,如果你想要一些高级插件和技术支持,你只需付费.

这是真实的情况吗？

对于标准textareas,我使用placeholder="".如何扩展tinymce以便它也能以这种方式工作.

与CKEditor类似:http://alfonsoml.blogspot.com.es/2012/04/placeholder-text-in-ckeditor.html

我正在使用Bootstrap 3在响应式CMS上使用TinyMCE4.我注意到TinyMCE4中的对话框/模态没有响应,这有点令人失望.我开始编写一些简单的CSS类来覆盖固定的宽度,但似乎有吨使得这个任务看起来相当令人生畏.所以,我认为其他人肯定已经做到了这一点.这是我到目前为止所拥有的,但是还有许多选择器需要完成才能实现.

那么,问题是,有没有其他人想出一个完整的,失败的安全方式来使TinyMCE的对话/模态响应？

/* TINYMCE CUSTOMISATION */

.mce-window {
    max-width: 90% !important;
}



.mce-panel {
    max-width:100% !important
}

.mce-tabs {
    max-width: 100% !important;
}

.mce-container-body {
    max-width:100% !important;
}

.mce-container {
    max-width:100% !important;
}

我正在使用自己的自定义文件选择器和TinyMCE 4的新file_picker_callback函数.关于这个的文档并不是很好,所以有信心让弗雷德让我这么做 - /sf/answers/1720026031/

自定义文件选择器正在工作,当您单击图像时,它会填充"源"和"维度".我只是想知道是否有任何方法可以自动填写"图像描述"字段.

图像的信息是从数据库表生成的,所以我已经有了描述,自动为用户填写它会很好.在尝试了各种传递数据的方法后,我很难理解它是如何完成的.

TinyMCE代码:

tinymce.init({
    ...
    file_picker_callback: function(callback, value, meta) {
        myImagePicker(callback, value, meta);
    }
});

function myImagePicker(callback, value, meta) {
    tinymce.activeEditor.windowManager.open({
        title: 'Image Browser',
        url: '/media/browser/1?type=' + meta.filetype,
        width: 800,
        height: 550,
    }, {
        oninsert: function (url) {
            callback(url);
        }
    });
};

自定义文件选择器的代码:

$(function(){
    $('.img').on('click', function(event){
        mySubmit('/upload/' + $(this).data('filename'));
    });
});

function mySubmit(url) {
    top.tinymce.activeEditor.windowManager.getParams().oninsert(url);
    top.tinymce.activeEditor.windowManager.close();
}

我的javascript知识并不是最好的,因为我对它很陌生,所以如果你可以请用例子和/或明确的逻辑来说明任何答案,这将是非常有用和非常感激的.

我正在使用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"等代码示例添加的所有代码都显示在编辑器中.