4

我正在使用内部使用 tinyMCE 编辑器的内联编辑器ipweditor工具。在他们的演示页面上，它使用的是旧版本的 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: 'save',
        cancel: 'cancel'
    });
});
4

2 回答 2

11

在插件库中进行任何修改总是不可取的，但这确实需要一些修改。问题出在“ipweditor.js”工具上。它在内部创建新的 tinyMCE 编辑器对象，并从 tinyMCE 获得“文本”格式的响应。

var r =options.editor.getContent({format : 'text'});

我们需要用 'html' 替换 'text'

var r =options.editor.getContent({format : 'html'});

最好使此格式设置也是动态的，因此在初始设置中附加一个设置变量并从那里获取值。

var defaults = {
    onEdit: null,
    onSubmit: null,
    onCancel: null,
    editClass: null,
    submit: null,
    cancel: null,
    type: 'text', //text, textarea or select
    submitBy: 'blur', //blur,change,dblclick,click
    editBy: 'click',
    editor: 'non',
    options: null,
    format:'text'
}
var options = $.extend(defaults, options);

现在使用设置中定义的格式进行检索。

var r =options.editor.getContent({format : options.format});
于 2013-02-14T14:09:32.570 回答
1

您可以使用content.previous. 这是一个修改过的小提琴。

于 2013-02-14T11:36:13.033 回答