Javascript dijit.dialog中的TinyMCE编辑器:链接对话框不工作
我在自己的Javascript dijit.dialog中的TinyMCE编辑器:链接对话框不工作,javascript,dojo,tinymce-4,Javascript,Dojo,Tinymce 4,我在自己的CMS上工作。我在这个项目中使用了dojotoolkit(版本:1.9)和TinyMCE 4。TinyMCE编辑器显示在dijit.对话框中,这些对话框直接在HTML代码中创建(非编程方式)。 我读过关于JQuery显示工具栏或获取与jqueryui对话框相关的编辑器内容的问题。但幸运的是,这些问题没有出现在我的项目中。 我使用以下代码初始化TinyMCE`编辑器: <script type="text/javascript"> // other dojo.requ
CMS
上工作。我在这个项目中使用了dojotoolkit
(版本:1.9)和TinyMCE 4
。TinyMCE
编辑器显示在dijit.对话框中,这些对话框直接在HTML
代码中创建(非编程方式)。
我读过关于JQuery
显示工具栏或获取与jqueryui
对话框相关的编辑器内容的问题。但幸运的是,这些问题没有出现在我的项目中。
我使用以下代码初始化
TinyMCE`编辑器:
<script type="text/javascript">
// other dojo.require calls
dojo.require("dijit.Dialog");
require(["dijit/form/Button", "dojo/ready", "dojo/json"], function(Button, ready){
ready(function(){
loadPageContent();
});
});
// some JQuery initialize for another plugin not related in any way to TinyMCE (displays toast messages)
$(function() {
$("#content .grid_5, #content .grid_6").sortable({
placeholder: 'ui-state-highlight',
forcePlaceholderSize: true,
connectWith: '#content .grid_6, #content .grid_5',
handle: 'h2',
revert: true
});
$("#content .grid_5, #content .grid_6").disableSelection();
});
// The TinyMCE initialization:
tinymce.init({
selector: "textarea",
theme: "modern",
entity_encoding : "raw",
plugins: [
"advlist autolink lists link image charmap print preview hr anchor pagebreak",
"searchreplace wordcount visualblocks visualchars code fullscreen",
"insertdatetime media nonbreaking save table contextmenu directionality",
"emoticons template paste textcolor"
],
toolbar1: "insertfile undo redo | styleselect | bold italic | alignleft aligncenter alignright alignjustify | bullist numlist outdent indent | link image",
toolbar2: "print preview media | forecolor backcolor emoticons",
image_advtab: true,
});
</script>
找到解决方案:使用
dojox.layout.FloatingPane
而不是dijit.Dialog
。但是我不推荐使用dojox.layout.FloatingPane
,我遇到了很多问题,所以我切换回去,等待TinyMCE update解决问题。找到了解决方案:使用dojox.layout.FloatingPane
而不是dijit.Dialog
。但是我不建议使用dojox.layout.FloatingPane
,我遇到了很多问题,因此我切换回,并将等待TinyMCE update解决问题。找到了与此问题相关的错误报告:找到了与此问题相关的错误报告:
<div dojoType="dijit.Dialog" title="Inhaltselement" id="dialogContentRightElement">
<div style="width: 45em;">
<form id="dialogContentElement_form">
<table border="0">
<tr>
<td>Farbe/Stil/Spezialkasten:</td>
<td>
<select name="dialogContentRightElement_form_color" id="dialogContentRightElement_form_color">
// some options are here
</select>
</td>
</tr>
<tr>
<td>Titel:</td>
<td><input dojoType="dijit.form.ValidationTextBox" required="true" name="dialogContentRightElement_form_title" id="dialogContentRightElement_form_title"></input></td>
</tr>
<tr>
<td>Inhalt:</td>
</tr>
</table>
<textarea style="width: 42em; height: 20em;" id="dialogContentRightElement_form_content" name="dialogContentRightElement_form_content"></textarea>
<button dojoType="dijit.form.Button" onClick="saveContentRightNew()">Speichern</button><button dojoType="dijit.form.Button" onClick="dijit.byId('dialogContentRightElement').hide()">Abbrechen</button>
</form>
</div>
</div>