Tag: tinymce

使用tinymce与blockui

我想要做的是用blockUI将我的网页背景变灰，然后在顶部打开一个tinymce。 我可以让它最初工作，但我打开另一个想要插入链接或编辑html源的对话框，对话框打开但是它被阻止了。 我想知道是否有办法在blockUI中取消阻止它。 我尝试了一些但没有成功的事情。 这是我目前的代码： var editDiv=””; editDiv+=””+theHTML+””; editDiv+=”close “; editDiv+=”save “; editDiv+=””; $.blockUI({ message: editDiv }); tinymce.init({ selector: “textarea”, theme: “modern”, plugins: [ “advlist autolink lists link charmap print preview anchor”, “searchreplace visualblocks code fullscreen”, “insertdatetime media table contextmenu paste” ] }); $(‘textarea’).each(function(){ $(this).unblock(); }); $(‘input’).each(function(){ $(this).unblock(); });

垂直滚动同步2个Div

我正在尝试同步2个div的垂直滚动; 一个是TinyMCE编辑器的主体，另一个是动态创建的预览div。 预览看起来像这样： 对于预览div，我设法通过使用以下方式获得滚动的百分比： setup : function(ed) { ed.on(‘init’, function() { $(‘.editorContainer > .mce-tinymce > .mce-container-body’).children().eq(2).on(‘scroll’, function () { var tmceBody = ed.getBody(); console.log(“this offsetHeight: ” + this.offsetHeight); // 501 console.log(“this scrollTop: ” + this.scrollTop); // 160 console.log(“this scrollHeight: ” + this.scrollHeight); // 806 var percentage = this.scrollTop / (this.scrollHeight – this.offsetHeight); console.log(“this percentage: ” […]

jquery，tinyMCE 2.1.3 – 从第二个实例获取内容

这就是我在php的网页中为两个textareas初始化tinyMCE插件的方法。 tinyMCE.init({ mode : “textareas”, theme : “advanced”, //to add any new plugin add in this line plugins : “banglafkb,banglavkb,table,save,advhr,advimage,advlink,emotions,iespell,insertdatetime,preview,zoom,media,searchreplace,print,contextmenu,paste,directionality,fullscreen”, theme_advanced_buttons1_add_before : “banglafkb,banglavkb”, //theme_advanced_buttons1_add : “banglafkb,banglavkb”, theme_advanced_buttons2_add : “fontselect, fontsizeselect “, //theme_advanced_buttons2_add_before: “cut,copy,paste,pastetext,pasteword,separator,search,replace,separator”, //theme_advanced_buttons3_add_before : “tablecontrols,separator”, //theme_advanced_buttons3_add : “emotions,iespell,media,advhr,separator,print,separator,ltr,rtl,separator,fullscreen”, theme_advanced_toolbar_location : “top”, theme_advanced_toolbar_align : “left”, theme_advanced_statusbar_location : “bottom”, content_css : “example_word.css”, plugi2n_insertdate_dateFormat : “%Y-%m-%d”, plugi2n_insertdate_timeFormat […]

将文件加载到tinyMCE编辑器中

我有一个文件选择器，并希望加载选择到tinyMCE编辑器textarea中的HTML和XML文件。 我有以下代码，它不起作用。 tinymce.init({ selector: ‘textarea’, // change this value according to your HTML height: 400, browser_spellcheck: true, plugins: “code,table,textcolor,save,preview,searchreplace,advlist,textcolor,hr,fullscreen”, toolbar: [ ‘save | undo redo | styleselect | fontsizeselect | bold strikethrough italic forecolor backcolor | link image | alignleft aligncenter alignright | numlist bullist | indent outdent | table | code | fullscreen’ ], […]

两个div（一个有tinymce）共享一个滚动条

我有这两个div： 然后在JS中我将tinymce设置为“ingredients”div。 如何使这两个div共享一个这样的滚动条： http ： //jsfiddle.net/userdude/hThsx/

TinyMCE – 在fancyboxm中第二次加载时未定义’e’，’j’，’t’

早上。 我目前正在尝试为我的应用程序添加快速编辑function。 我只使用fancybox传递数据，并将适当的数据加载到tinymce中。 问题是，一旦我第一次关闭了fancybox并转移到第二个项目进行编辑和点击，所有内容都可以正常加载（包括tinyMCE）但是我无法在wysiwyg编辑器中使用firebug显示未定义的’e’或’t’或’d’无论哪一个决定展示…… 任何帮助将非常感激。 编辑 try{ function remove_mce(){ tinyMCE.execCommand(‘mceRemoveControl’,false,’elm1′); } $(‘#tree a’).bind(‘click’, function(){ $(‘#tree ul li ul’).removeClass(‘showBranch’); var ob = $(this); var ob_parent = ob.parent(‘li’); ob_parent.removeClass(‘branch’).addClass(‘branch-open’); ob.parents(‘ul’).addClass(‘showBranch’); $(‘~ li’, ob_parent).children(‘:first’).addClass(‘showBranch’); return false; }); $(“#tree .product a”).fancybox({ ‘autoDimensions’: false, ‘width’ : ‘750’, ‘height’ : ‘90%’, ‘transitionIn’ : ‘elastic’, ‘transitionOut’ : ‘elastic’, ‘speedIn’ : 600, ‘speedOut’ […]

JQuery模式中的TinyMCE模态不可编辑

我在JQuery UI模式对话框中运行一个tinyMCE编辑器。 一切都运行正常，除了那些本身打开一个新模态（例如链接）的tinyMCE的function。 这些模态显示正常，但输入区域不可编辑。 根据Firebug，js代码是可以的，HTML非常简单。 它可能来自哪里？ 编辑： tinymce.init({ selector: “textarea”, plugins: “autolink link table textcolor”, menubar: false, toolbar: “undo redo | styleselect | forecolor backcolor | bold italic | link unlink | table” }); $(document).ready(function(){ $(“.sendmail”) .button({ icons: { primary: “ui-icon-mail-closed” }, text: false }) .click(function(){ $(“#sendmailform”).dialog(“open”); }) ; $(function(){ $(“#sendmailform”) .dialog({ autoOpen: false, title: […]

与tinymce的jquery jtable

是否可以为创建/编辑操作添加用于jquery jtable插件的tinymce编辑器？ 我是jTable插件的新手，但我需要在jquery jtable的Create / Edit操作中为一个字段设置tinymce编辑器，所以我想知道我可以使用jtable吗？ 我知道我可以在创建/编辑表单中将jtable字段设置为textarea，所以我想知道我是否可以在某处添加tinymce？ 1）如果我使用简单的标准代码在主页面中添加tinymce（调用jtable的地方），那么创建/编辑记录（没有tinymce）就没有任何事情发生： tinymce.init({ selector: “textarea” }); 2）我还尝试编辑核心jtable文件，为每个textarea添加tinymce。 它向我展示了tinymce编辑器，但问题在于POST。 当我发布表单时，它总是给我空值（应该用tinymce编辑的那个）。 这就是我在jtable脚本中直接添加tinymce的方法： .append(‘tinymce.init({selector: “textarea”});’); 3）最后一次认为我尝试过，使用字段的jTable输入选项： article: { title: ‘Article’, input: function (data) { return ‘tinymce.init({selector: “textarea”});’; }, 这给我一些语法错误。 我有一些语法错误，但我确信我可以使用这样的东西。

TinyMCE – 添加事件监听器问题

我一直在理解如何为我的tinymce编辑器设置事件处理程序。 这篇文章可能会很长，所以我很抱歉。 我正在阅读这篇文章 ，这正是我想要做的： 我可能会以一种令我困惑的方式实例化我的TinyMCE编辑器实例，从而扩展它的function。 在我的网站上，我主要让我的编辑做最简单，最简单的工作。 现在我在一个页面上，我想反映关键变化，以显示在 （类似于SOF正在做的事情） 这是我在大多数页面中通常拥有的内容： $(document).ready(function(){ $(‘textarea[tinymce]’).each(function(){ var tinymceopts = $(this).attr(‘tinymce’); $(this).tinymce(window[tinymceopts]); }); // my failed attempt to add an event $(“.mceContentBody”).on(‘keyup’,function(){ var htmltxt = $(this).val(); $(“#displayHtml”).html(htmltxt); }); }); 你会在我的textarea看到tinymce=”tinymce_basic” 。 我通过这种方式全球化地调用了tinymce主题和插件。 对我来说也很棒。 在我的tinymce_configs.js文件中，这是我定义的内容： // JavaScript Document var tinymce_basic = { script_url : ‘/tinymce/tiny_mce.js’,// Location of TinyMCE script // General options […]

如果contentedittable = false，我该如何更改内容的样式？

嘿，我创建了一个打开一个新对话框（一个额外的HTML页面）的插件。 使用此对话框，用户可以创建自己的格式模式。 我想要什么？ 我需要一个带有readonly textarea的tinymce编辑器（没问题）。 但用户必须能够选择粗体，斜体，下划线，字体大小，fontfamily等格式… textarea中有一个示例文本，显示格式。 这就是问题所在。 如果textarea是只读的，我可以设置格式。 有人有想法吗？ 我使用jquery-ui来创建对话框。 这是javascript块： //Wandelt die Auswahlbutton(Formatvorlage & Tastenkombination) in Selectmenüs um $(function () { $(‘#selFormatvorlagen’).selectmenu(); $(‘#selTastenkombination’).selectmenu(); }); //Button Neu $(function () { $(“#NewFormatDialog”).dialog({ autoOpen: false, height: 150, width: 400, resizable: false, modal: true, buttons: { “OK”: function () { var content = $(‘#NameFormatpattern’).val(); //Einfügen eines neuen […]