Tag: tinymce

通过JQuery加载TinyMCE后添加一个按钮,它不起作用

我正在通过JQuery加载TinyMCE,加载后,我想添加一个保存按钮。 保存按钮正在调用函数,但Firebug表示函数未定义,在这种情况下,destroyTinyMCE()未定义。 怎么了? $(‘div#introText’).click(function() { loadTinyMCE(); $(‘div#introText’).after(”); }); function loadTinyMCE() { //some variable } function destroyTinyMCE() { $(‘div#introText’).tinymce().destroy(); $(‘div#introText’).tinymce().remove(); }

TinyMCE 404 / undefined

我在Q / A应用程序中使用TinyMCE和Twitter Bootstrap v3.1。 出于某种原因,我在TinyMCE的控制台中收到了多个404错误: GET http://localhost/assets/lib/TinyMCE/themes/modern/themeundefined.js 404 (Not Found) tinymce.min.js:3 Failed to load: /assets/lib/TinyMCE//themes/modern/themeundefined.js 据我所知,路径是正确的。 我已经直接在浏览器栏中输入了路径(没有undefinedtheme.js),然后弹出。 TinyMCE的完整路径是: http://localhost/application/assets/lib/TinyMCE/ 我启用了mod-rewrite,我尝试过禁用但没有帮助。 我试过设置: tinyMCE.baseURL = “/assets/lib/TinyMCE”; tinyMCE.baseURL = “/application/assets/lib/TinyMCE”; tinyMCE.baseURL = “localhost/application/assets/lib/TinyMCE”; 我在TinyMCE常见问题解答中搜索了指向mod_rewrite的问题。 基本上是什么导致了undefinedtheme.js事情? 我的TinyMCE发起人: //TinyMCE Initiator //set scope $(document).ready(function() { tinyMCE.baseURL = “/assets/lib/TinyMCE”; tinymce.init({ selector: “textarea#tinymce”, theme: “modern”, /*width: 400,*/ height: 300, plugins: [ “advlist […]

如何使用jquery防止光标跳转到textarea中的下一行

我正在研究TinyMCE编辑器,我必须为一些特殊的等式定制它。 问题是,当我按下回车键时,光标将转到新行。 我的问题是当有人按下编辑器中的回车键时,如何防止光标跳到新行。我想要光标保持之前的状态,按下回车键。 就像textarea一样,当按下回车键时,光标将转到新行。 任何人都可以解释如何防止光标跳转到新行。 谢谢。

jquery绑定一个iframe(tinymce)

我可以在当前窗口中绑定事件,但我正在使用TinyMCE创建一个iframe,我希望能够将一个keybind设置为iframe窗口以捕获一个控件-S 我有: $(window.child).keydown(function(e) { if(!args) args=[]; // IE barks when args is null if(e.keyCode == key.charCodeAt(0) && e.metaKey) { callback.apply(this, args); return false; } }); 但这不起作用。 想法? 谢谢

如何在tinymce编辑器中允许一些自定义标签

当我在tinymce编辑器中查找html代码时,我的 标签由此编辑器删除。 如何在tinymce编辑器中允许此标记。 1 It’s Competitive Out There 它转换成 1 It’s Competitive Out There 只需删除此 1 标记即可

如何在内容类型的编辑模式下将焦点设置在富文本字段上?

我想在编辑时将焦点放在项目的文本字段上,但无法克服TinymMCE的iframe踢入。当禁用TinyMCE时,一切都按预期工作,文本字段是可聚焦的。 我尝试模拟TinyMCE的body-element中的点击,也没有运气。 是否有可能通过JS关注身体场? 这是我到目前为止所尝试的: (function($) { $(document).ready(function() { $(‘#text’).focus() // Only works, when TinyMCE is disabled. $(‘body#content’).click() // Cannot click into TinyMCE’s body. $(‘#text_bold’).click() // Cannot even click one of the editor’s buttons. setTimeout(function() { // Tried same as above with time-delay, no luck. }, 277); }); $(window).load(function() { // Tried the same as in […]

有没有更好的方法让HTML5 与tinyMCE一起使用?

我的目标是使用tinyMCE图像插件将图像文件直接上传到html内容区域。 由于安全性和跨浏览器function,我希望这使用文件上传控件。 我这样设置TinyMCE: tinyMCE.init({ selector: ‘.html-content’, menubar: false, statusbar: false, toolbar: ‘undo redo | image’, plugins: ‘image’, file_browser_callback: this.getSystemFile }); 并且getSystemFile的函数定义如下: function getSystemFile(field_name, url, type, win) { function upload($fileField, toUpload) { var self = this; var formData = new FormData($fileField.find(‘form’)[0]); $.ajax({ url: ‘/storage/creator_upload’, type: ‘POST’, data: formData, processData: false, cache: false, contentType: false, dataType: ‘json’, […]

访问WordPress的TinyMCE iFrame

使用jQuery我试图操纵WordPress内容编辑器,它在iframe中使用TinyMCE。 我似乎无法使以下代码按预期工作: jQuery(document).ready(function($) { $(‘#content_ifr’).ready(function() { $(‘#content_ifr’).contents().find(‘body’).css(‘background-color’, ‘#f33’); }); 无论我使用“.ready()”还是“.load()”,事件都会在TinyMCE编辑器(iframe的主体)完全加载之前触发。 但是,如果我在手动单击标题文本框以触发click事件之前等待iframe加载,则以下代码将起作用: jQuery(document).ready(function($) { $(‘#title’).click(function() { $(‘#content_ifr’).contents().find(‘body’).css(‘background-color’, ‘#f33’); }); 我已经详尽地搜索了jQuery和iFrames这个主题,看起来根据具体情况来看,这是一个打击或错过。 有些代码适用于某些人,而不适用于其他人。 有没有人知道在TinyMCE iframe主体完全加载后获取第一个代码片段的方法? 因为它只是WordPress内容编辑器,所以iframe内容位于同一个域中。 我真正想做的是通过.addClass()向iframe中的body元素添加一个类 jQuery(document).ready(function($) { $(‘#content_ifr’).ready(function() { $(‘#content_ifr’).contents().find(‘body’).addClass(‘ui-droppable’); }); 这样我就可以在以下教程中应用drag n’drop代码: jQuery Example: Inserting text with drag n’ drop

使用Javascript删除HTML中的背景颜色和字体颜色

我正在改进TinyMCE编辑器,并希望在forecolor和backcolor中添加按钮默认颜色。 这是我如何获得具有随机风格的背景颜色的选定文本: outer = tinyMCE.activeEditor.selection.getNode().outerHTML; 例如,可能有这样的事情: sadasdasdsasdasda sdasdasda sdasd asdasdasdas dasdasd 我已经尝试过jQuery中的.each ,但没有用。 这是实际代码: $(outer).each(function() { $(this).css({‘background-color’: ‘transparent’}); }); 我不是Javascript中的高手,也不是jQuery中的高手。 我该怎么做才能从outer去除所有background-color ?

将字符串附加到tinyMCE实例

我需要将一个字符串(img标签)附加到tinyMCE编辑器实例。 我是这样做的: $(“#textboxhiddenbytinymce”).append( string ); tinyMCE.triggerSave(); 没有运气。 我想知道是否: 有一个直接的方法可以将一个任意字符串(我需要完全控制它)添加到一个tinyMCE的实例中我明白我这样做的方式是错误的,因为tinyMCE独立地工作于“原始”textarea。 非常感谢你!