标签: tinymce

使用jquery选择器获取tinymce textarea的值

我想得到一个tinymce textarea的价值

<textarea id="thetextarea"></textarea>
Run Code Online (Sandbox Code Playgroud)

在键上以便使用以下内容将其提供给show-preview脚本:

function showPreview(value) {

    $("#preview-container").load("/material-preview.php", {s:value});

}
$('thetextarea').live("keyup",function (e) {

        var material = this.value;
        showPreview(material);

        return false;

    });
Run Code Online (Sandbox Code Playgroud)

如果我尝试选择textarea id thetextarea它不起作用(如果我不使它成为一个tinymce字段,则有效).

与firebug我看到文本,当textarea被tinymce转换,是在:

<body id="tinymce" class="mceContentBody"></body>
Run Code Online (Sandbox Code Playgroud)

但这也不起作用,(也没有$('#tinymce'))

 $('mceContentBody').live("keyup",function (e) {

            var material = this.value;
            showPreview(material);

            return false;

        });
Run Code Online (Sandbox Code Playgroud)

在按要求应用tinyMCE之后的HTML代码(来自firebug)

 <textarea id="material-input" class="mceEditor text" style="width: 310px ! important; height: 250px ! important; display: none;" name="material" aria-hidden="true"></textarea>
      <span id="material-input_parent" class="mceEditor defaultSkin" role="application" aria-labelledby="material-input_voice">
      <span id="material-input_voice" class="mceVoiceLabel" style="display:none;">Rich Text Area</span>
      <table id="material-input_tbl" class="mceLayout" cellspacing="0" cellpadding="0" role="presentation" style="width: …
Run Code Online (Sandbox Code Playgroud)

tinymce jquery-selectors

25
推荐指数
3
解决办法
4万
查看次数

比较TinyMCE和CKeditor的Wiki

对于自定义wiki django-wakawaka,我希望能够添加WYSIWYG支持.

TinyMCE显然是最流行的插件,甚至被Wordpress使用.

但CK编辑器似乎更具特色.

那些使用过这些或两者中的任何一个的人,这更好,为什么.是否有一些更好的包裹,我错过了?

当我总结CKeditor更好时,通过它们(因为它没有被广泛使用),是否有一些我缺少的东西.

我想将它与django和jquery一起使用,每页有多个WYSIWYG小部件实例.有人提供优势吗?

django wiki wysiwyg tinymce ckeditor

24
推荐指数
2
解决办法
2万
查看次数

允许TinyMCE中的自定义标签与indexhibit集成

我正在尝试允许一些自定义标签输入到TinyMCE中.标签是

<plug:plugin_name />
Run Code Online (Sandbox Code Playgroud)

然而,这变成了

<plug:plugin_name></plug:plugin_name>
Run Code Online (Sandbox Code Playgroud)

我准备写一个正则表达式来解决这个问题,因为我必须完成工作,我真的不愿意,但它会解决我的问题.

我尝试了很多init选项:

extended_valid_elements : "plug.plugin_name[*]",
custom_elements: "plug.plugin_name[*]",
verify_html : false, **//This ment that the tag wasn't ouright removed**
selfclosetags : \" />\", //some plugin I found, didn't seem to work
closed : /^(br|hr|input|meta|img|link|param|area|plug:plugin_name)$/,
Run Code Online (Sandbox Code Playgroud)

其他任何人都肯定使用最新版本的TinyMCE吗?

另外,另一个问题是,在我用正则表达式修复它之后,编辑器将剥离标签!

javascript tinymce editor rich-text-editor indexhibit

24
推荐指数
1
解决办法
2885
查看次数

删除TinyMCE4中状态栏中的路径

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

使用TinyMCE3,我们可以做到:

tinymce.init({
    ...
    theme_advanced_path : false
});
Run Code Online (Sandbox Code Playgroud)

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

谢谢

tinymce path statusbar uistatusbar tinymce-4

24
推荐指数
3
解决办法
2万
查看次数

如何删除在tinymce中自动添加的p标签

我正在使用tinymce 4.0.1,当你开始输入或点击回车时它会自动添加p标签.如何动态删除这些p标签,然后将内容重新插入编辑器.

html javascript dom tinymce

24
推荐指数
3
解决办法
5万
查看次数

试图将文本写入TinyMCE textarea中

想把 文字写在TinyMCE里面textarea.我有下面的代码.显示了TinyMCE文本区域,但警报甚至没有显示.为什么?

<html>
    <head></head>
    <body>
        <script type="text/javascript" src='http://ajax.googleapis.com/ajax/libs/jquery/1.4/jquery.js'></script> 
        <script type="text/javascript" src="/home/javiergarcia/Scaricati/jari/tinymce/jscripts/tiny_mce/tiny_mce.js"></script>
        <script type="text/javascript"> 
            tinyMCE.init({
                mode : "textareas",
            });

            $(document).ready(function() {
                $('form').submit(function() {
                    //alert("fasdfs");
                    alert(tinyMCE.get('#jander').getContent());
                });
            });
        </script>
        <form method="post" action="somepage">
            <textarea name="content" id="jander" style="width:100%"></textarea> 
            <input type="submit">
        </form>
    </body>
</html>
Run Code Online (Sandbox Code Playgroud)

问候

哈维尔

html javascript jquery wysiwyg tinymce

23
推荐指数
2
解决办法
4万
查看次数

等待TinyMCE加载

我一个接一个地拥有这两行代码.

tinymce.execCommand('mceAddControl',true,'email_body');
tinyMCE.activeEditor.setContent(data.tplCustom.htmltemplate);
Run Code Online (Sandbox Code Playgroud)

第二行尝试甚至在完成之前设置内容.我认为原因是我得到"tinyMCE.activeEditor为null"错误.

有没有办法等到它加载?谢谢

jquery tinymce

23
推荐指数
2
解决办法
2万
查看次数

如何防止tinymce从输入中剥离空标签?

我已经阅读了各种论坛上的大量帖子,并且在SO上,仍然无法阻止tinymce从可编辑块的末尾剥离空标签.

我输入这个:

<a href="blah">zzz</a>
<div class="floatClearer" style=""></div>
Run Code Online (Sandbox Code Playgroud)

..并且在往返(进出HTML模式)时,tinymce剥离整个<div class="floatClearer" style=""></div>.

根据我发现的各种建议,我尝试了这些东西,还有更多:

  • 去掉负号前面div的我valid_elements,

......和这些配置.选项:

  • verify_html : false,
  • extended_valid_elements : "div*",
  • extended_valid_elements : "div[*]",

一切都无济于事.有什么方法可以阻止剥离动作吗?还有其他地方我需要空标签(不只是在这个例子中),所以,如果可以,请告诉我一个特定于我的问题的答案,而不是建议我不使用空标签.

tinymce

23
推荐指数
1
解决办法
2万
查看次数

限制tinyMCE中的字符数

我正在使用tinyMCe我的项目.一切正常,但现在我想限制将插入tinyMcetextarea 的字符数

tinyMCE.init({
// General options
mode : "textareas",
theme : "simple",
plugins : "autolink,lists,pagebreak,style,table,save,advhr,advimage,advlink,emotions,media,noneditable,nonbreaking",

// Theme options
theme_advanced_buttons1 : "bold,italic,underline,strikethrough,|,justifyleft,justifycenter,justifyright,justifyfull,|,fontselect,fontsizeselect",
theme_advanced_buttons2 : "bullist,numlist,|,outdent,indent,|,undo,redo,|,link,unlink,anchor,image,code,|,forecolor,backcolor",
theme_advanced_toolbar_location : "top",
theme_advanced_toolbar_align : "left",
theme_advanced_statusbar_location : "bottom",
max_chars : "10",
max_chars_indicator : "lengthBox",
theme_advanced_resizing : true
});
Run Code Online (Sandbox Code Playgroud)

我用了 :-

max_chars : "10",
max_chars_indicator : "lengthBox",
Run Code Online (Sandbox Code Playgroud)

但仍然没有工作.谢谢.

javascript tinymce rte

23
推荐指数
4
解决办法
4万
查看次数

在TinyMce中清除格式化按钮

我想在TinyMce工具栏中添加 Clear Formatting按钮.如何将" 清除格式"按钮添加到tinyMce工具栏.

tinymce

23
推荐指数
1
解决办法
2万
查看次数