Jquery tinymce在document.ready中设置值
我使用tinymce4.2.6,在母版页中我放置了此代码Jquery tinymce在document.ready中设置值,jquery,ajax,tinymce,Jquery,Ajax,Tinymce,我使用tinymce4.2.6,在母版页中我放置了此代码 <script type="text/javascript"> tinymce.init({ selector: "textarea", directionality: 'rtl', plugins: [ "advlist autolink lists link image charmap print preview anchor",
<script type="text/javascript">
tinymce.init({
selector: "textarea",
directionality: 'rtl',
plugins: [
"advlist autolink lists link image charmap print preview anchor",
"searchreplace visualblocks code fullscreen",
"insertdatetime media table contextmenu paste",
"textcolor"
],
toolbar: "insertfile undo redo | bold italic | alignleft aligncenter alignright alignjustify | bullist numlist outdent indent | fontselect | fontsizeselect | forecolor backcolor"
});
</script>
tinymce.init({
选择器:“文本区域”,
方向性:“rtl”,
插件:[
“advlist autolink列出链接图像charmap打印预览锚”,
“searchreplace visualblocks代码全屏显示”,
“insertdatetime媒体表上下文菜单粘贴”,
“文本颜色”
],
工具栏:“插入文件撤消重做|粗体斜体|对齐左对齐中心对齐右对齐对齐对齐|粗体numlist outdent缩进|字体选择|字体大小选择|前景色背景色”
});
我的问题是我无法在编辑器中加载数据。我使用setcontent方法,但它不起作用。我已将此代码放置在我的页面中:
<script type="text/javascript">
$(document).ready(function () {
load_data();
function loaddata() {
$.ajax({
type: "POST",
url: "../WebService.asmx/loaddata",
data: "{'id':'" + "1" + "'}",
contentType: "application/json; charset=utf-8",
dataType: "json",
success: function (data) {
var myData = data.d;
tinyMCE.get("textareaId").setContent(myData);
}
});
}
});
</script>
$(文档).ready(函数(){
加载_数据();
函数loaddata(){
$.ajax({
类型:“POST”,
url:“../WebService.asmx/loaddata”,
数据:“{'id':'”+“1”+“}”,
contentType:“应用程序/json;字符集=utf-8”,
数据类型:“json”,
成功:功能(数据){
var myData=data.d;
tinyMCE.get(“textareaId”).setContent(myData);
}
});
}
});
当我发出警报时(MyData);它是正确的信息,但textarea是空的您必须等待编辑器加载才能将内容插入其中。document.ready在这种情况下不起作用。使用:
tinymce.init({
selector: "textarea",
directionality: 'rtl',
plugins: [
"advlist autolink lists link image charmap print preview anchor",
"searchreplace visualblocks code fullscreen",
"insertdatetime media table contextmenu paste",
"textcolor"
],
setup : function(ed) {
ed.on('init', function(evt) {
// get your content
// and insert it into the editor
ed.setContent(myData);
});
},
toolbar: "insertfile undo redo | bold italic | alignleft aligncenter alignright alignjustify | bullist numlist outdent indent | fontselect | fontsizeselect | forecolor backcolor"
});
您必须等待编辑器加载才能将内容插入其中。document.ready在这种情况下不起作用。使用:
tinymce.init({
selector: "textarea",
directionality: 'rtl',
plugins: [
"advlist autolink lists link image charmap print preview anchor",
"searchreplace visualblocks code fullscreen",
"insertdatetime media table contextmenu paste",
"textcolor"
],
setup : function(ed) {
ed.on('init', function(evt) {
// get your content
// and insert it into the editor
ed.setContent(myData);
});
},
toolbar: "insertfile undo redo | bold italic | alignleft aligncenter alignright alignjustify | bullist numlist outdent indent | fontselect | fontsizeselect | forecolor backcolor"
});
@bahereh:你什么时候使用getContent()?但我遇到了另一个问题。当我在button click事件中使用getcontent()方法时,它不起作用$(document).ready(函数(){$(document).on(“单击”,“更新”,函数(){var text_one=tinyMCE.get(“编辑器id”).getContent();});编辑器是否在执行时初始化?这看起来像是另一个与您以前的问题无关的问题我的编辑器在母版页中初始化,当我将初始化放在其页上并将其从母版页中删除时。它工作正常。。。thanks@bahereh:您何时使用getContent()?但我遇到了另一个问题。当我在button click事件中使用getcontent()方法时,它不起作用$(document).ready(函数(){$(document).on(“单击”,“更新”,函数(){var text_one=tinyMCE.get(“编辑器id”).getContent();});编辑器是否在执行时初始化?这看起来像是另一个问题,与您以前的问题无关。我的编辑器在母版页中初始化,当我将初始化放在其页面并将其从母版页中删除时。它工作正常…谢谢