标签: tinymce

有没有人知道我是否可以在TinyMCE加载后动态加载和卸载TinyMCE插件？具体来说,我正在考虑询问用户是否希望使用单选按钮或TinyMCE以上的内容加载fullpage插件:

<input type="radio" name="fullpage" value="enabled"  /> Enable Fullpage Plugin<br />
<input type="radio" name="fullpage" value="disabled" /> Disable Fullpage Plugin<br />
<textarea name="tinymce" id="tinymce">...</textarea>

我想我可以销毁原始实例并加载一个新的配置(一个用于启用/一个用于禁用),但似乎应该有更优雅的方式来加载和卸载插件.

我尝试使用旧的嵌入代码将YouTube视频添加到TinyMCE中,它运行正常.一些用户可能没有意识到他们必须点击YouTube嵌入代码链接中的旧嵌入代码选项才能添加它.

我想让用户轻松一点,让他们直接复制新的嵌入代码并将其粘贴到TinyMCE上,然后就可以了.

新的嵌入代码类似于以下示例:

<iframe title="YouTube video player" width="640" height="390" 
        src="http://www.youtube.com/embed/VvJ037b_kLs" 
        frameborder="0" allowfullscreen></iframe> 

如何让TinyMCE接受使用iframe的新版YouTube嵌入代码？

我正在开发CakePHP网站.

我尝试捕捉一个tinyMce编辑器的Blur和Focus事件.

我找到了以下方法.

            ed.onInit.add(function(ed) {
                tinyMCE.execCommand('mceRepaint');

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

                if (o.onblurtopics) {
                    tinymce.dom.Event.add(doc, 'blur', function(e) {
                        alert("blur");
                    });
                }
                if (o.onfocustopics) {
                    tinymce.dom.Event.add(doc, 'focus', function(e) {
                        alert("focus");
                    });
                }

            });

这很好,但仅限于Firefox.当我在当前的Chromium或IE8中尝试这个时,它没有任何效果.

有没有人有建议？

我TinyMCE在我的网站上使用,并继续遇到错误:

j is null

我通过ajax加载一个文件,其中包含一个textarea.然后我执行:

tinyMCE.execCommand('mceAddControl', false, 'id');

在我TinyMCE再次打电话之前,我使用:

tinyMCE.execCommand('mceRemoveControl', false, 'id');

但是,这会导致j is null错误.

我已经分解tinymce.js成行,并且j在课堂选择范围内.更具体地说,在getRng函数内部,如下所述:

http://tinymce.moxiecode.com/js/tinymce/docs/api/index.html#class_tinymce.dom.Selection.html

我的猜测是,在删除控件后,浏览器内存堆栈中仍然存在某些内容？无论哪种方式,我都可以真正使用问题的解决方案.

tinymce 的文档指出,可以将所有的javascript和组件(我假设包含插件)压缩到一个文件中.他们确实注意到为什么人们可能也不想这样做.

压缩成静态文件

也可以简单地将必要的组件和一些样板代码连接到一个.js文件中.但是,如果要使用其他TinyMCE插件或升级TinyMCE,则必须始终重新创建此文件.您可能还希望配置您的Web服务器来压缩javascript文件.

但假设一个人确实想要这样做,那么实际上是怎么做到的呢？Build.xml确实没有提供它看起来合适的任务.至少当我尝试它时,我加载tiny_mce.js时似乎没有包含插件.

我正在使用TinyMCE.它很棒.但我想要TinyMCE中的功能,用户可以从本地盒子或公共网站上传图像.

我正在使用Tomcat,JSP和核心Java.我找到了几个免费的第三方库,如ibrowser,imanager,jbimages等,但是所有这些库都使用PHP,看起来不适合我现有的项目(我不知道PHP,但我试图将其中一个集成到我现有的项目中他们不工作,并给出一些奇怪的错误).真的我不知道如何在TinyMCE中使用这个功能(如果其他编辑器支持JSP我可以试试)？

我在互联网上寻找类似的问题,但每个第三方都在使用PHP而我使用的是JSP而不是PHP.

这是我的场景:

我希望能够创建像这样的内容

<div> <a id="supportTile" class="contentModule" href="/Support"> <h2>支持</ h2> </a> </ div>

但是,tinyMCE剥离它

<div> <h2>支持</ h2> </ div>

我的配置目前是这样的(使用TinyMCE jQuery):

script_url: _applicationRoot + "Scripts/tiny_mce/tiny_mce.js",
theme: "advanced",                    
plugins: "paste,filemanager,imagemanager,advimage,inlinepopups",
...
extended_valid_elements: "img[!src|border:0|alt|title|width|height|style|name|id|class],a[href|target|title|onclick|name|id|class],article[name|id|class],div[name|id|class],section[name|id|class]",
schema: "html5",               
...
convert_urls: true,
document_base_url: _applicationRoot

Run Code Online (Sandbox Code Playgroud)

我尝试设置verify_html:false但没有运气.

我尝试删除extended_valid_elements并将其替换为:

valid_elements: "*[*]",
verify_html: false

Run Code Online (Sandbox Code Playgroud)

也没有运气.

你能看到我的配置有问题吗？这可以实现吗？

谢谢!

我已经读过TinyMCE支持contenteditable而不是textarea/iframe版本

资源:

http://www.tinymce.com/forum/viewtopic.php?id=22164

它说:

我在TinyMCE v3.5.2的源代码中发现了一个名为'content_editable'的配置属性.此标志可防止iframe呈现.

使用Javascript

tinyMCE.init({
    // General options
    mode : "exact",
    element : "my_id",
    theme : "advanced",
    plugins : "table,inlinepopups",
editor_selector : "tinymce",

    // Theme options
    theme_advanced_buttons1 : "bold,italic,underline,strikethrough,formatselect,code",
    theme_advanced_buttons2 : "",
    theme_advanced_buttons3 : "",
    theme_advanced_buttons4 : "",
    theme_advanced_toolbar_location : "external",
    theme_advanced_toolbar_align : "left",
    theme_advanced_resizing : true,
    content_editable: true,

    // Example content CSS (should be your site CSS)
    content_css : "/js/tinymce/examples/css/content.css",

    // Style formats
    style_formats : [
            {title : 'Bold text', inline : 'b'},
            {title : 'Red …

所以我正在制作一个需要HTML输入框的MVC网站.我有一个从ajax对话框窗口加载的文本区域.据我所知,当我隐藏对话框时,TinyMCE需要我删除控件,这很好.

但是我无法让编辑器加载.我使用版本4.1.9(2015-03-10)与jquery模块.即tinymce.jquery.js和jquery.tinymce.min.js

对话窗口打开后,我打电话给这个;

$("textarea").tinymce({
    // General options
    mode: "textareas",
    theme: "modern",
    // Theme options
    menubar: false,
    toolbar: "bold,italic,underline,|,bullist,numlist",
    statusbar: false,
    init_instance_callback: function (editor) {
        console.log("tinymce init: " + editor.id);
    }
});

但是我在以下方法的javascript中得到一个异常,看起来self.ariaTarget是未定义的,导致启动elm.setAttribute的行失败,因为elm为null.
我不明白我做错了什么.

/**
* Sets the specified aria property.
 *
 * @method aria
 * @param {String} name Name of the aria property to set.
 * @param {String} value Value of the aria property.
 * @return {tinymce.ui.Control} Current control instance.
 */
aria: function(name, value) {
    var self = this, elm …

关于TinyMCE编辑器的问题.在IE浏览器中它工作正常.但是当我在FF和Chrome中粘贴内容时,我收到的消息是:"您的浏览器不支持直接访问剪贴板.请改用Ctrl + X/C/V键盘快捷键." 我没有找到任何文件来解决这个问题!我需要帮助,谢谢!