标签: tinymce

我正在使用来自TinyMCE的jQuery构建的jQuery插件.
这个简化的代码初始化编辑器:

$('textarea.tinymce').tinymce({
    script_url : '../js/libraries/tiny_mce/tiny_mce.js'
});

这通过AJAX加载tiny_mce.js.我有一些代码,我想在加载此文件后运行.
我本质上想要指定一个回调函数,但在插件的文档中没有提到这一点.

有任何想法吗？如果它不存在我会添加功能,但我找不到该插件的未压缩版本.

我正在使用一段代码来有效地删除增加宽度的10px Wordpress添加到网站前端的标题图像.但是,它仍然在tinymce编辑器中添加10px:

<dl id="attachment_69" class="wp-caption alignleft" style="width: 310px" data-mce-style="width: 310px;">

我怎样才能删除这个10px？我已经尝试通过在几个地方将"10 +"更改为0来修改核心(糟糕的想法,我知道),但我没有运气.

谢谢!

我正在使用内联编辑器ipweditor工具,它在内部使用tinyMCE编辑器.在他们的演示页面上,它使用的是旧版本的tinyMCE,这在我的IE中无效.所以我用最新版本更新了tinyMCE.

在旧版本的TinyMCE中,它使用所有HTML标记返回我定义的内容,而在新版本中,它仅向我返回没有HTML标记的文本.这是jsFiddle 演示的链接.任何人都知道我如何配置tinyMCE,所以它也返回HTML标签.

HTML

<div style="display:none">
    <form method="post" action="somepage">
        <textarea name="content" style="width:100%"></textarea>
    </form>
</div>
<div style="border: solid thin gray; padding:5px;">
    <div class="my_text"><b> <span>Click me! I am editable and WYSIWYG!!!</span></b> 
</div>

使用Javascript

    $(document).ready(function () {
    var ed = new tinymce.Editor('content', {
        mode: "exact",
        theme: "advanced",
        plugins: "emotions,table",
        theme_advanced_toolbar_location: "top",
        theme_advanced_statusbar_location: "bottom",
        theme_advanced_resizing: true,
        theme_advanced_buttons1: "bold,italic,underline,fontselect,fontsizeselect,forecolor,backcolor,|,code,",
        theme_advanced_buttons2: "",
        theme_advanced_buttons3: "",
        table_default_cellspacing: 0,
        table_default_border: 1,
        remove_linebreaks: false
    });

    $('.my_text').editable({
        type: 'wysiwyg',
        editor: ed,
        onSubmit: function submitData(content) {
            alert(content.current);
        },
        submit: …

我的tinymce版本是3.5.8.我想设置默认内容,并通过官方网站和谷歌的其他方式尝试,但所有错误.一些错误如下:

TypeError: tinyMCE.activeEditor is null
[Break On This Error] 
tinyMCE.activeEditor.selection.setContent('<strong>Some contents</strong>');



TypeError: tinyMCE.get(...) is undefined
[Break On This Error]   

tinyMCE.get('content').setContent('<strong>Some contents</strong>');

非常感谢.

我意识到这个问题已被多次询问和回答,但我仍然无法使许多解决方案发挥作用.似乎大多数讨论都比较旧,可能与4.x不兼容.

我的目标:能够在焦点或模糊时触发一些javascript函数.这是基本代码:

$('.tiny-mce').tinymce({
    script_url : '/xm_js/tinymce4/tinymce.min.js',
});

我试过像这样的例子:

$('.tiny-mce').tinymce({
    script_url : '/xm_js/tinymce4/tinymce.min.js',

    setup : function(ed) {
        ed.onInit.add(function(ed, evt) {

        var dom = ed.dom;
        var doc = ed.getDoc();

            tinymce.dom.Event.add(doc, 'blur', function(e) {
                alert('blur!!!');
            });
        });
    }
});

返回:"未捕获的TypeError:无法调用未定义的方法'添加'"

$('.tiny-mce').tinymce({
    script_url : '/xm_js/tinymce4/tinymce.min.js',
});

tinymce.activeEditor.on('focus', function(e) {
    console.log(e.blurredEditor);
});

返回:"未捕获的TypeError:无法调用未定义的方法"(但不确定我是否在正确的位置)

$('.tiny-mce').tinymce({
    script_url : '/xm_js/tinymce4/tinymce.min.js',

    setup: function(editor) {
        editor.on('focus', function(e) {
            console.log('focus event', e);
        });
    }
});

返回:"未捕获的SyntaxError:意外的标识符"

这只有在启动编辑器时才有效.我试过但还没有开始工作的其他事情:

tinymce.FocusManager tinymce.activeEditor

我错过了什么？谢谢.

更新:找到一个效果很好的解决方案: 当用户从其他输入字段跳转时,为什么TinyMCE会获得焦点和模糊事件？

自从我从TinyMCE 3升级到TinyMCE 4后,我在控制台中出现以下错误:

Deprecated TinyMCE API call: <target>.onBeforeSetContent.add(..) 

我应该用什么呢？

如果您运行,Tinymce用于触发文本颜色更改事件:

tinymce.activeEditor.on('execCommand', function() {console.log(arguments);} )

你会看到execCommand ForeColor,只要文本颜色改变就会运行.如果您查看TinyMCE-Textcolor插件,它似乎没有任何execCommands或任何方法来检测文本颜色何时更改.

我一直有问题在树枝上显示重音字符(以及somtimes撇号).该网站最近被托管,我在本地服务器上遇到的都没有.一直遇到这样的问题(有一个关于它的问题之前,在这里,但使用原料不为我工作).在树枝上,我有这样的事情:

{{ entry.textFr|striptags|raw }}

尽管使用了原始过滤器,但我无法正确显示这些字符(我也知道原始标记很危险,但我完全信任条目实体的内容).

更深刻的是,我正在使用symfony2和stfalcon的tinymce bundle,它似乎会自动转换这些字符,然后再将它们保存在db中.在我的本地服务器上没有这种情况.

有人有想法吗？

编辑

特别是,它似乎是"E","E","A","E","O",以及省略号和撇号显示为é,è,à等我用更换滤芯像刚才试过这|replace({é': 'é', 'è': 'è', 'à': 'à', //ect })似乎工作,但它有点脏

编辑2

没关系.我刚用html_entity_decode做了一个twig过滤器.不想使用该解决方案,但找不到任何其他东西.

在TinyMCE的代码(源代码)编辑器中,当我想用类添加一些span或i元素时(例如,当我想添加Font Awesome图标时) - TinyMCE删除了类.例如,如果我想添加:

<span class="fa fa-university"></span>

最后我会:

<span></span>

此外,在源代码编辑器中我尝试添加<i class="fa fa-university"></i>但问题是相同的 - 类被TinyMCE(<i></i>)删除.

我正在使用TinyMCE v4.4.1,这些是我的设置:

tinymce.init({
    selector: '#body',
    height: 500,
    theme: 'modern',
    plugins: [
        'advlist autolink lists link image charmap preview hr anchor pagebreak',
        'searchreplace wordcount visualblocks visualchars code fullscreen',
        'insertdatetime media nonbreaking save table contextmenu directionality',
        'emoticons template paste textcolor colorpicker textpattern codesample fontawesome noneditable'
    ],
    toolbar1: 'insertfile undo redo | formatselect fontselect fontsizeselect fontawesome',
    toolbar2: 'bold italic underline strikethrough …

将版本从PHP5更新到PHP7后，尝试从我已集成到项目中的tinymce的moxiemanager插件插入图像时出现错误。

告诉我：错误：数组到字符串的转换