试图在jQuery版本的TinyMCE编辑器中找到禁用单个键盘快捷键的位置.目前允许的快捷方式列表是:
目前正在寻找禁用所有快捷方式,但撤消,重做和加粗.由于其不需要的格式化,其余部分在我们的实现中是不确定的.
我似乎无法找到启用这些快捷方式的代码.你能指出在哪里找到这个代码.
我在使用bbcodeplugin和list-items时遇到问题.虽然列表正在按照我想要的bbcode进行安全保护,但在重新打开和编辑文本时,tinymce会在列表中添加额外的标记,以便像
<ul>
<li>one</li>
</ul>
变
<ul>
<ul><li>one</li></ul>
</ul>
所以每个<li>项目都包含一个<ul>我想要防止的附加项目.
我怎么可能排除所有列表项被tinymce-javascript修改？
这个问题似乎与"在插入代码时添加BR"这个问题有关,我现在在研究期间曾多次看到这个问题.因为不仅通过tinymce添加了ul标签,而且还添加了br标签.
拜托,有人可以给我任何提示吗？
许多TinyMCE编辑器显示在jQuery选项卡中,每个编辑器都是针对特定语言的.
我需要一个带按钮的插件,按下时会根据文本框的语言检索一些html(通过ajax).我能想出的最好的想法是将am属性放在包含该语言的textarea上,然后在插件中获取属性的值,并根据该属性将ajax请求发送到正确的url.
如何从TinyMCE插件中获取对原始textarea的引用.
欢迎任何信息/参考......我发现TinyMCE API页面真的难以理解.
我如何设置tinyMCE的默认字体大小,我是一个tinyMCE编辑器,我尝试了所有的东西,将文本大小更改为14px,它总是显示10px.我正在使用rails 3.1和tinymce 主要版本:'3',以及次要版本:'4.4'.
我将tinymce/themes/advanced/skins/default/content.css font-size更改为14px我甚至添加
tinyMCE.init({
theme_advanced_font_sizes: "10px,12px,13px,14px,16px,18px,20px",
font_size_style_values: "12px,13px,14px,16px,18px,20px",
});
和
body, td, pre { color: #000; font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 14px; margin: 8px; }
我有一个基本的模态对话框,包含一个TinyMCE实例.每次打开时都会动态创建此模态,并在对话框关闭时销毁和删除对话框(和元素).
我第一次打开对话框,一切都很顺利.表单加载(ajax调用),uniform应用于表单,TinyMCE应用于textarea.我可以很好地执行所有操作.随后我打开表单的所有时间都重复了这个过程,区别在于,尽管TinyMCE应用于textarea,我再也无法输入.
这是一种在链接点击时触发的方法:
$('<div id="perspDlg">').dialog({
title:'My Dialog',
width:900,
height:575,
modal:true,
create: function(){
$('span.ui-icon-closethick').html("");
},
close:function(){
$('form#myForm').unbind('submit');
$('textarea[name="discussion"]').tinymce().destroy();
$(this).html('').dialog('destroy');
setTimeout("$('#perspDlg').remove();",100);
},
open:function(){
var dlg = $(this);
$.ajax({
url:_cfcPath+'/lessons/myTemplate.cfm',
dataType:'script',
data:{id:id},
success:function(d,r,o){
dlg.html(d);
$('form#myForm').bind('submit',formHandler);
}
});
},
buttons:[
{text:'Save Form',
click:function(){
$('form#myForm').submit();
//$(this).dialog('close');
}},
{text:'Cancel',
click:function(){
$(this).dialog('close');
}}
]
});
加载模板时,最后一行将TinyMCE应用于加载形式的textarea:
$('textarea.tinyMCE').tinymce({
script_url : '/assets/scripts/_lib/tiny_mce/tiny_mce.js',
mode : "textareas",
editor_deselector : "mceNoEditor",
theme : "advanced",
plugins : pluginVal,
//Paste options
extended_valid_elements : "a[name|href|target|rel|title|style|class],div[align|class|style|height|width],form[accept|accept-charset|action|class|dir<ltr?rtl|enctype|id|lang|method<get?post|name|onclick|ondblclick|onkeydown|onkeypress|onkeyup|onmousedown|onmousemove|onmouseout|onmouseover|onmouseup|onreset|onsubmit|style|title|target],hr[class],span[align|class|style],img[class|src|style|alt|title|name],input[accept|accesskey|align<bottom?left?middle?right?top|alt|checked<checked|class|dir<ltr?rtl|disabled<disabled|id|ismap<ismap|lang|maxlength|name|onblur|onclick|ondblclick|onfocus|onkeydown|onkeypress|onkeyup|onmousedown|onmousemove|onmouseout|onmouseover|onmouseup|onselect|readonly<readonly|size|src|style|tabindex|title|type<button?checkbox?file?hidden?image?password?radio?reset?submit?text|usemap|value],table[border|class|style|cellpadding|cellspacing|background|height|width],td[background|style|class|valign|align|height|width],p",
invalid_elements: "font,align,script,applet,iframe",
paste_auto_cleanup_on_paste : true,
paste_remove_styles: true,
paste_remove_styles_if_webkit: true,
paste_strip_class_attributes: …我正在尝试从我之前创建的特定文本区域中删除tinyMCE但是以下命令一直产生"未定义"错误(使用firebug控制台检查):
tinyMCE.execCommand('mceFocus', false, 'textarea-plainText');
tinyMCE.execCommand('mceRemoveControl', false, 'textarea-plainText')
我使用jQuery初始化了特定文本区域的TinyMCE:
$('textarea#textarea-plainText').tinymce({
script_url : '<?php echo base_url(); ?>/assets/js/tinymce/tinymce.min.js',
oninit: function() {
$("textarea#textarea-plainText").tinymce().setContent("");
$("textarea#textarea-plainText").tinymce().setContent(noteSecContent.html[0].notesec_content);
}
});
我也尝试使用以下命令添加tinyMCE,但它也返回undefined虽然我有一个带有"textarea-plainText"ID的textarea:
$.getScript('<?php echo base_url(); ?>assets/js/tinymce/tinymce.min.js', function() {
window.tinymce.dom.Event.domLoaded = true;
tinyMCE.init({
mode: 'none'
});
tinyMCE.execCommand('mceAddControl', false, 'textarea-plainText');
});
简而言之,我只能使用jquery方法或精确方法进行初始化.但不使用tinyMCE.execCommand.某种程度上,"exeCommand"命令不起作用.
textarea的HTML:
<div id="plainTextModal" class="modal hide fade" tabindex="-1" role="dialog" aria-labelledby="plainTextLabel" aria-hidden="true">
<div class="modal-body">
<textarea id='textarea-plainText'></textarea>
</div>
<div class="modal-footer">
<button class="btn btn-danger" data-dismiss="modal" aria-hidden="true">Cancel</button>
<a href="" id="confirm-delete-note-section" class="btn btn-primary">Save</a>
<a href="" id="confirm-delete-note-section" class="btn btn-info">Save & Close</a>
</div>
</div>
它是一个模态,因此它最初是隐藏的,直到调用模态.
我顺便使用TinyMCE 4.0b1.
我已经搜索了很多但是通过google-fu'ing不会得到任何结果:(
我有一个已初始化的tinyMCE编辑器,我无法控制初始化过程,因此以下代码根本不起作用:
tinyMCE.init({
...
setup : function(ed) {
ed.onChange.add(function(ed, l) {
console.debug('Editor contents was modified. Contents: ' + l.content);
});
}
});
由于未定义jQuery tinymce插件,因此以下代码不起作用:
$('textarea').tinymce({
setup: function(ed) {
ed.onClick.add(function(ed, e) {
alert('Editor was clicked: ' + e.target.nodeName);
});
}
});
我的意思是,它必须使用tinymce.something语法.
在tinyMCE初始化之后,如何将回调函数绑定到任何tinyMCE事件？
我的html页面上有一个tinymce文本框.在这个文本框下面,我有一个包含文件系统的表,我可以在其中导航以查找我的图像.我希望能够单击此表中的图像并将其插入timymce文本框中.我该怎么做呢？
我试过这个简单的代码试试tinyMCE.它运行正常.这个问题是当我试图添加多个插件时它不能正常工作.这里我使用了tinymce CDN.Here是代码
<!DOCTYPE html>
<html>
<head>
<script src="http://tinymce.cachefly.net/4.0/tinymce.min.js"></script>
<script>
tinymce.init({selector:'textarea',
plugins: "code",
plugins: "image"
});
</script>
</head>
<body>
<textarea></textarea>
</body>
</html>
这里代码插件工作但图片插件不工作.如果我删除代码插件比图片插件工作.如何应用这两个插件？
我想在使用AJAX请求创建tinyMCE编辑器后设置内容.我在页面上有几位编辑.所有这些都初始化为:
tinymce.init({
selector: '.tiny-mce'
});
每个编辑器都有一个独特的类来将它们彼此分开.在使用AJAX请求获取数据后,如何使用此类将内容设置为一个特定的编辑器？
tinyMCE.get('.class_name') // returns null
我正在搜索API和SO而无法找到执行这么简单的功能.
编辑:
我找到了不那么干净的方式来获取编辑器实例.创建tinyMCE时,它会向元素添加带编辑器名称的id.现在我可以这样做:
var id = $('.class_name').attr('id');
tinyMCE.get(id).setContent('new content');
但有更好的方法吗？