我尝试在tinymce.init中使用fixed_toolbar_container配置,但它给我留下了纯html文本区域而不是富文本编辑器。这是我的代码:
<html>
<head>
<script src="tinymce\js\tinymce\tinymce.min.js"></script>
<script type="text/javascript">
tinymce.init({
selector: "textarea",
inline: true,
fixed_toolbar_container: "#mytoolbar",
plugins: [
"advlist autolink lists link image charmap print preview anchor",
"searchreplace visualblocks code fullscreen",
"insertdatetime media table contextmenu paste"
],
toolbar: "insertfile undo redo | styleselect | bold italic | alignleft aligncenter alignright alignjustify | bullist numlist outdent indent | link image"
});
</script>
</head>
<form method="post" action="somepage">
<div id="mytoolbar" style="width:800; height:80; border : 1px blue solid"></div></BR>
<textarea id="content"></textarea>
</form>
</html>
Run Code Online (Sandbox Code Playgroud)
我正在使用最新版本的 TinyMCE 4.0.1。
有人可以告诉我如何将 …
在以前版本的 TinyMCE 中,我可以valid_elements : "+*[*]"使用<meta>标签来启用,但在新版本中,它不再起作用了!当我转到源代码时,meta虽然它们嵌入在 html 代码中,但我看不到标签。因此,通过源代码编辑器编辑元标记是不可能的!
我想在完整的 rtl 中使用新的 (4.x) tinymce。
看看这里http://fiddle.tinymce.com/xwdaab/1
我设置
directionality: "rtl",
Run Code Online (Sandbox Code Playgroud)
但它只影响输入区域,我希望所有工具栏都对齐到右侧(rtl)
我怎样才能做到这一点?
在旧版本中,主题是“高级”,我使用了
theme_advanced_toolbar_align : "right",
Run Code Online (Sandbox Code Playgroud)
谢谢
如何将自定义类添加到tinymce 4?我想要一个选择,用户可以在其中选择要在其文本上使用的类。我不想使用像前景色这样的标准插件,因为我想提供我的用户可以使用的某些类。
简短的例子:
tinymce编辑器“选择类”(工具栏中的按钮)
my_custom_css.css
.red { color: red; }
.blue { color: blue; }
.green { color: green; }
Run Code Online (Sandbox Code Playgroud) 当绑定tinyMCE编辑器实例上的“keydown”事件时,对该事件调用preventDefault()不会阻止编辑器中的默认行为。例如,当使用以下代码捕获按下 ENTER 键时:
tinymce.init({
selector: 'textarea',
setup: function (editor) {
$(editor).on('keydown', function (event) {
if (event.which == 13) {
alert('enter pressed');
event.preventDefault();
}
});
}
});
Run Code Online (Sandbox Code Playgroud)
TinyMCE 仍然插入换行符。我怎样才能覆盖这种行为?
我正在使用 TinyMCE 4.1.10 在页面上的多个 div 上启用内联编辑。在初始页面加载时一切正常,但是如果我拆除编辑器并在 ajax 调用中重新绑定文本区域,TinyMCE 将不会重新连接到它们。绑定是通过 Knockout 完成的。
这是最初加载数据的函数,也会在发生刷新时调用。
this.loadLetterFields = function () {
var editors = $("div.editable");
for (var i = editors.length - 1; i > -1; i--) {
var ed_id = editors[i].id;
tinymce.execCommand("mceRemoveEditor", false, ed_id);
}
$.getJSON(_this.fieldURL + "/" + _this.letterId() + "/" + _this.clientId() + "/" + _this.caseId(), function (data) {
for (var i = 0; i < data.length; i++) {
// Reload fields
}
});
tinymce.init({
selector: "div.editable",
inline: true,
menubar: false,
statusbar: …Run Code Online (Sandbox Code Playgroud) 目前,当我使用 TinyMce4.5.1 和 Link 插件时。即使我将属性 link_list 设置为 false,我也找不到隐藏默认 URL 选项(#top、#bottom)的方法。除了破解原始源代码之外,还有其他正确的方法可以做到这一点吗?
自从我从TinyMCE 3升级到TinyMCE 4后,我在控制台中出现以下错误:
Deprecated TinyMCE API call: <target>.onBeforeSetContent.add(..)
Run Code Online (Sandbox Code Playgroud)
我应该用什么呢?
如果您运行,Tinymce用于触发文本颜色更改事件:
tinymce.activeEditor.on('execCommand', function() {console.log(arguments);} )
Run Code Online (Sandbox Code Playgroud)
你会看到execCommand ForeColor,只要文本颜色改变就会运行.如果您查看TinyMCE-Textcolor插件,它似乎没有任何execCommands或任何方法来检测文本颜色何时更改.