Tag: tinymce

如何在文本上使用TinyMCE函数而不实际选择该文本？: 我的页面上有各种，点击后会转换为TinyMCE编辑器部分。因此，用户只需双击div，然后使用TinyMCE编辑其中的文本。我的问题是 – 是否可以在上运行TinyMCE函数而不实际选择文本？我的意思是，我想实现以下用例：用户点击。自行激活TinyMCE会话。用户现在可以使用TinyMCE工具栏上的按钮编辑div中的所有文本，而无需使用光标手动选择文本。否则通常的情况是用户必须选择一些文本，并且只有这个选定的文本将由TinyMCE工具编辑。如何实现，以及它有多容易？编辑澄清：我并不仅仅意味着TinyMCE编辑器会自动选择所有文本进行更改，但我的意思是，如果没有选择，是否可以格式化？我的目标是允许用户只能使用TinyMCE编辑的格式，但不能更改文本本身。我实际上不希望用户能够选择任何文本，只需单击，它应该自动允许包含的文本由TinyMCE 格式化，而不会实际更改文本。但是如果你知道我的意思，textarea不应该为用户“选择”。它可以根据需要自行选择（根据@ Thariama的解决方案），但不是由用户选择。这可能吗？有点像只启用TinyMCE工具栏按钮但禁用文本编辑function。据我所知，我不能使用TinyMCE的readonly配置，它还禁用具有所有格式选项的工具栏（如文本高亮，粗体，斜体等）。

首次初始化后，如何使tinyMCE编辑器保留在我的jQgrid textarea编码forms中？: 我有一个jqgrid，我试图在文本区域中使用tinyMCE在我的数据库中发送/存储html并重新加载到我的网格。我有一个带有tinyMCE的自定义列用于文本区域，但在我打开editform一次并在下次打开时关闭它，tinymce不会初始化并出现常规textarea。（同样，当url模态失去焦点并专注于editform。文本被粘贴到后面的“Project”字段而不是（下图）。）我做错了什么？我的TineMCE“链接”失去焦点的原因是因为语法错误。我在editgrid代码中有modal：true。工作在线编辑实现的更新以下是正确实现内联编辑的示例（谢谢@Oleg）： DEMO1 | DEMO2 在线编辑工作代码示例： { name: “note”, width: 260, sortable: false, editable: true, //edittype: “textarea” edittype:’custom’, editoptions: { custom_element: function (value, options) { var elm = $(“”); elm.val(value); // give the editor time to initialize setTimeout(function () { try { tinymce.remove(“#” + options.id); } catch(ex) {} tinymce.init({selector: “#” + […]

等待TinyMCE加载: 我一个接一个地拥有这两行代码。 tinymce.execCommand(‘mceAddControl’,true,’email_body’); tinyMCE.activeEditor.setContent(data.tplCustom.htmltemplate); 第二行尝试在完成之前设置内容。我认为原因是我得到“tinyMCE.activeEditor为null”错误。有没有办法等到它加载？谢谢

动态更改tinyMce编辑器的高度: 我在我的页面中使用了tinymce编辑器。我想要做的是动态更改编辑器的高度。我创建了一个函数： function setComposeTextareaHeight() { $(“#compose”).height(200); } 但这不起作用。我的textarea是我已经尝试了各种方法来改变高度，但无法达成分辨率。我有什么遗失的东西吗？

如何向TinyMCE添加占位符文本？: 对于标准textareas，我使用placeholder=”” 。我如何扩展tinymce以便它也能以这种方式工作。与CKEditor类似： http ： //alfonsoml.blogspot.com.es/2012/04/placeholder-text-in-ckeditor.html

有多个AJAX刷新和TinyMCE的问题: 所以我遇到了这种困境。 tinyMCE.init({ mode : “textareas”, theme : “simple” }); 以上是在我的PHP页面上调用的。我接着打电话了 var request = $.ajax( { url:”getEvents.php”, type:”POST”, data:{‘method’:’showevents’}, dataType:”html” }).done(function(msg){ $(‘#eventlistbody’).html(msg); }); setTimeout( function(){ $(“.mceSimple”).each(function(){ tinyMCE.execCommand(“mceAddControl”,false, this.id); }) },2000); 这会加载一堆textareas ….. tinyMCE将在第一次返回时加载到所有文本区域..当我点击重新加载时再次运行上面并返回文本区域时，它们不再附带tinyMCE给他们。我不确定为什么它第一次运行而不是后续运行。

你如何设置TinyMCE textarea元素的焦点？: 我在页面上使用TinyMCE作为textarea，但它在其他元素的Tab键顺序中表现不佳。当我跳出第一个元素时，我可以使用以下代码捕获： $(‘#title’).live(‘keypress’, function (e) { if(e.keyCode == 9) { alert(‘tabbed out’); } }); 如何将焦点设置为TinyMCE编辑器？

Tinymce html5占位符通过从textarea读取属性: 对于标准textareas，我使用此插件来创建占位符。我怎样才能扩展tinymce以便这也能以这种方式工作。例如，从textarea属性读取默认值，然后在用户关注iframe时清除。与CKEditor类似： http ： //alfonsoml.blogspot.com.es/2012/04/placeholder-text-in-ckeditor.html

如何使用Require.js实现TinyMCE？: 我目前正在将TinyMCE源作为依赖项传递，然后调用tinyMCE.init（{}）; 但它没有初始化TinyMCE。当我在console.log TinyMCE时，它返回一个TinyMCE对象。代码示例如下： define([ ‘jQuery’, ‘Underscore’, ‘Backbone’, ‘TinyMCE’ ], function($, _, Backbone, tinyMCE) { tinyMCE.init({ mode: “exact”, elements: $(‘textarea’), theme: “advanced”, theme_advanced_toolbar_location: ‘top’, theme_advanced_buttons1: ‘bold,italic,underline,bullist,numlist,link,unlink’, theme_advanced_buttons2: ”, theme_advanced_buttons3: ”, theme_advanced_toolbar_align: ‘left’, plugins: ‘paste,inlinepopups’, width: ‘100%’, height: textarea.attr(‘data-height’), oninit: function () { console.log(‘TargetTD :’); console.log(targetTD); } }); } });

如何检测TinyMCE的变化？: 我在项目的现有HTML表单中添加了TinyMCE（版本4.0.2）编辑器（PHP，Codeigniter）。我的最终目标是在包含TinyMCE编辑器的表单中发生任何更改时启用表单提交按钮。我只能使用除TinyMCE编辑器之外的表单来完成它。我无法检测到TinyMCE的变化。我想检测按键时是否发生任何变化。我已经看到，tinymce有一个像波纹管一样的onchange函数。 setup : function(ed) { ed.onChange.add(function(ed, l) { console.debug(‘Editor contents was modified. Contents: ‘ + l.content); }); 我在波纹管初始化函数中放置了上层设置代码，但没有找到输出。 tinymce.init({ }); 你能说出如何发现变化或更好的想法吗？