Tag: tinymce

TinyMCE 4无法输入提供的插件文本字段

在JS（使用JQuery 1.11.1和几个JQuery插件，如form和ui）下使用TinyMCE 4.1.5。 我使用的TinyMCE版本不是嵌入式JQuery的版本。 编辑器很好，我可以直接输入它而不会出现问题。 仅使用tinymce提供的插件，使用按钮或非文本字段控件的所有function都可以正常工作。 但是，插件中的文本字段（例如链接或插入video）不允许我键入字段或选择其他文本字段（因此它似乎是一个焦点问题）。 http://fiddle.tinymce.com/bzeaab/16上有一个小提琴，这里是应用程序中更具体的初始化代码： var _clear_css_cache; _clear_css_cache = ‘/javascripts/canonical/tinymce/skins/lightgray/’ + ‘content.min.css?’ + new Date().getTime(); var _toolbar_1, _toolbar_2; _toolbar_1 = ‘formatselect, |, ‘ + ‘bold, italic, underline, strikethrough, ‘ + ‘subscript, superscript, |,’ + ‘outdent, indent, blockquote, |,’ + ‘alignleft, aligncenter, alignright, alignjustify’; _toolbar_2 = ‘bullist, numlist, table, charmap, emoticons |,’ + […]

无法从同一个AJAX TinyMCE textarea发布两次

我有一个可通过简单的AJAX / jQuery编辑按钮编辑的元素列表，效果很好。 但是当我第二次尝试编辑相同的场时，它不想打球。 EDIT – AJAX返回一个包含MySQL内容的tinyMCE文本区域 SAVE – AJAX将tinyMCE内容发布到MySQL并显示发布的内容 编辑（再次） – 像往常一样返回相同的tinyMCE textarea和内容 保存（再次） – 尝试第二次保存，返回错误： g.win.document为null 代码片段 var content = tinyMCE.get(‘content’).getContent(); //get tinyMCE content $(“#edititem”).load(“editItem.php”, {content: content}); //jQuery post 解决方案 – 这就是我的工作方式： 编辑 – 编辑时，将tinyMCE控件添加到textarea tinyMCE.execCommand(“mceAddControl”,true,’content’); 保存 – 保存时，取下下次的控件 tinyMCE.execCommand(‘mceRemoveControl’,false,’content’);

Firefox上的JavaScript TinyMCE / jQuery竞争条件

我有一个网站，其表格使用TinyMCE; 独立地，我使用jQuery。 当我从Firefox 3（MacOS X，Linux）上的登台服务器加载表单时，TinyMCE无法完成加载。 Firefox控制台中有一个错误，说t.getBody()返回null 。 t.getBody() ，据我所知，从TinyMCE docs，是一个函数，返回文档的body元素，以检查某些function。 使用Safari时不会出现问题，也不会在使用从localhost运行的同一站点的Firefox时出现问题。 原始的，失败的JavaScript相关代码如下所示： tinyMCE.init({ mode:”specific_textareas”, editor_selector:”mce”, theme:”simple”, language:”pl” }); $(document).ready(function(){ /* jQuery initialization */ }); 我尝试更改脚本加载顺序，将tinyMCE.init() call to the tag containing $(document).ready() call—before, after, and inside this call. No result. When tinyMCE.init() was called from within $(document).ready() handler, the browser did hang on request—looks like it […]

带有TinyMCE和XML编码的ASP.Net 4.0在Postback上重新编码内容

我有一个基于ASP.NET 4.0的CMS，我通过jQuery使用TinyMCE（3.4）编辑一个文本框。 除此之外，我还有其他几个文本框。 页面上还有另一个DropDown列表，它控制Contenttype。 此控件启用了AutoPostback，并设置了有关选择项目的文本框的可见性。 因为我想保持回传validation我已经配置TinyXML使用xml进行内容序列化（编码：“xml”）。 现在我遇到了问题，当发生例如DropDown List的回发时，重新编码内容。 Init: “Hallo” 1st Postback: “Hallo” 2nd Postback: “<p>Hallo</p>” 我通过css启用了原始textarea，这似乎是TinyMCS的Save方法的问题。 有没有人有解决方案，如何在TinyMCE上使用自定义save_callback解决这个问题？

使用jquery按需加载tinymce

这是我的脚本： $.ajaxSetup({async: false}); $.getScript(‘http://www.mydomain.com/dev/js/tinymce/tiny_mce.js’, function(){ tinyMCE.init({ document_base_url : “http://www.mydomain.com/dev/js/tinymce/”, […], }); }); $.ajaxSetup({async: true}); 它加载tiny_mce.js成功。 但是当init在回调中使用时，在跟踪路径错误的路径后加载2： http://www.mydomain.com/dev//langs/en.js http://www.mydomain.com/dev//themes/advanced/editor_template.js 即使我使用document_base_url，仍然会在路径上方加载。

使用jquery获取textarea的值，而不是发送表单

我有一些textarea 这是在tinymce脚本的控制下。 我有简单的JavaScript alert ($(‘#text’).val()); 这什么都没给我。 问题是，tinymce正在将textarea转换成某种东西，所以实际上没有带有id’text’的textarea了。 因为即使在textarea中输入了一些文本，当我按下提交按钮时，javascript会发出空警报。 所以问题是，只要我需要，javascript如何在运行中获得这种textarea的价值？

拖动：替换数据

我有一个网页，其中包含一些html元素，包括textarea和嵌入式conrameteditable iframe（arte）。 使用此代码，我设法捕获主页面上的draggesture事件并设置text / html-data jQuery(document).bind(‘draggesture’, function(event){ event.originalEvent.dataTransfer.setData(‘text/html’, ‘my_data’); }); 现在，当放入主页上的textarea时，’my_data’会被删除。 放入令人满意的iframe也会丢掉’my_data’。 但我在这里有三个问题，我不明白： 1.将这种处理程序绑定到iframes文档是有效的。 我将事件数据设置为与上面的代码类似，但它不起作用。 当我将它拖到iframe内或主页上的textarea时’my_data’没有插入，而是原始选中的内容。 我该怎么做才能设置’my_data’？ 2.我尝试使用iframe和主页面中的drop事件修改/设置数据： jQuery(ed.getDoc()).bind(‘drop’, function(event){ event.originalEvent.dataTransfer.setData(‘text/html’, ‘my_data’); }); 但是我在两个文档（主页面和iframe）上都出现了javascript错误：“此文档不允许进行修改”。 为什么我会收到此错误？ 这有解决方法吗？ 看起来pimvdb得到了解释。 3.当从主页面选择 some text some text 并将其拖入到contenteditable iframe中时，当我使用“my_data”（在Draggesture上）设置时，不会插入任何文本上面的第一个代码示例。 拖入textarea工作。 有谁知道这里出了什么问题？ （使用chrome不会出现问题！） 编辑：这是一个jsFiddle演示，可以解决问题： http://jsfiddle.net/R2rHn/5/

TinyMCE 4将下拉菜单添加到菜单栏

我需要在TinyMCE 4中的“工具”项旁边添加另一个下拉菜单： 我找到的最接近的解决方案是： // Adds a custom menu item to the editor that inserts contents when clicked // The context option allows you to add the menu item to an existing default menu tinymce.init({ … setup: function(ed) { ed.addMenuItem(‘example’, { text: ‘My menu item’, context: ‘tools’, onclick: function() { ed.insertContent(‘Hello world!!’); } }); } }); […]

tinyMCE模糊事件

你好，当用户在tinyMCE textarea中写完并点击外面的某个地方（onBlur）时，我想做一些事情。 到目前为止，我试过： $(‘#id_topic_text_parent’).live(‘blur’,function(){ alert(‘asd’) //I saw #id_topic_text_parent in firebug, it is span containing the tiny mce }); 也 $(‘#id_topic_title’).blur(*and*)live(‘blur… tinyMCE.activeEditor.blur(*and*)live(‘blur… 但它不会工作。 你能帮我吗

如何调用TinyMCE插件function？

如何调用tinymce插件函数？ tinymce.activeEditor.plugins.customplugin.customfunction(customvar); 不工作！