Tinymce 5 文本拼凑HTML被忽略-从TinyMCE4迁移到5
我正在尝试从TinyMCE 4迁移到TinyMCE 5,但遇到了一些问题 我已经能够初始化它只是罚款和框显示出来。我们在幕后有一些代码来创建将预填充的文本。看起来是这样的:Tinymce 5 文本拼凑HTML被忽略-从TinyMCE4迁移到5,tinymce-5,Tinymce 5,我正在尝试从TinyMCE 4迁移到TinyMCE 5,但遇到了一些问题 我已经能够初始化它只是罚款和框显示出来。我们在幕后有一些代码来创建将预填充的文本。看起来是这样的: var output = ""; output += "Hello " + {Value:CLIENTNAMES} + ","; output += "<br/><br/>"; output += "Thank
var output = "";
output += "Hello " + {Value:CLIENTNAMES} + ",";
output += "<br/><br/>";
output += "Thank you for writing us! Here's what you'll learn:";
output += "<ul><li>Thing 1</li><li>Thing 2</li></ul>";
output +="Have a nice day!";
var输出=”;
输出+=“Hello”+{Value:CLIENTNAMES}+”,“;
输出+=“
”;
输出+=“感谢您给我们写信!以下是您将学到的内容:”;
输出+=“- 事物1
- 事物2
”;
输出+=“祝您有愉快的一天!”;
TinyMCE盒子里的东西都碎在一起了:
您好TestName,谢谢您给我们写信!以下是您将学到的内容:
- 事情1
- 事情2
- 祝您有愉快的一天
代码如下:
<script type="text/javascript">
tinymce.init({
selector: "#{FormElement:INTRODUCTION}",
theme: "silver",
browser_spellcheck: true,
setup : function(ed)
{
ed.on('init', function()
{
this.getDoc().body.style.fontSize = '0.9em';
});
},
plugins: [
"advlist autolink lists link charmap print preview hr anchor pagebreak",
"searchreplace wordcount visualblocks visualchars code fullscreen",
"insertdatetime nonbreaking save contextmenu directionality",
"template paste textpattern"
],
toolbar1: "undo redo | styleselect | bold italic | alignleft aligncenter alignright alignjustify | bullist numlist outdent indent | print",
image_advtab: true,
templates: [
{title: 'Test template 1', content: 'Test 1'},
{title: 'Test template 2', content: 'Test 2'}
]
});
</script>
<DIV style="TEXT-ALIGN: justify; MARGIN-LEFT: 4em; MARGIN-RIGHT: 4em"><H2>Introduction</H2></DIV>
<textarea name="{FormElement:INTRODUCTION}" id="{FormElement:INTRODUCTION}" style="width:100%" >{Value:INTRODUCTION}</textarea>
tinymce.init({
选择器:“#{FormElement:INTRODUCTION}”,
主题:“银色”,
浏览器拼写检查:true,
设置:功能(ed)
{
ed.on('init',function()
{
this.getDoc().body.style.fontSize='0.9em';
});
},
插件:[
“advlist autolink list link charmap打印预览hr锚点分页符”,
“searchreplace wordcount visualblocks visualchars代码全屏显示”,
“insertdatetime非中断保存上下文菜单方向性”,
“模板粘贴文本模式”
],
工具栏1:“撤消重做|样式选择|粗体斜体|对齐左对齐中心对齐右对齐对齐对齐|粗体numlist outdent缩进|打印”,
图像\u advtab:正确,
模板:[
{标题:'测试模板1',内容:'测试1'},
{标题:'测试模板2',内容:'测试2'}
]
});
介绍
{Value:INTRODUCTION}