<!DOCTYPE html>
<html>
<head>
<script src='https://cloud.tinymce.com/stable/tinymce.min.js'></script>
<script>
tinymce.init({
selector: '#mytextarea',
//plugins: "template",
// menubar: "insert",
language:'zh_CN',
plugins: 'print preview searchreplace autolink directionality visualblocks visualchars fullscreen image link media template codesample table charmap hr pagebreak nonbreaking anchor insertdatetime advlist lists wordcount imagetools textpattern help emoticons autosave indent2em autoresize axupimgs importword kityformula-editor',
toolbar: 'code undo redo restoredraft | cut copy paste pastetext | forecolor backcolor bold italic underline strikethrough link anchor | alignleft aligncenter alignright alignjustify outdent indent | \
styleselect formatselect fontselect fontsizeselect | bullist numlist | blockquote subscript superscript removeformat | \
table image media charmap emoticons hr pagebreak insertdatetime print preview | fullscreen | bdmap indent2em lineheight formatpainter axupimgs importword kityformula-editor',
//toolbar: "template",
height:300,
templates : [
{
title: "居右显示",
"content": "<div style='overflow: hidden;'><div style='float:right'><div style='display:inline-block;width:120px;text-align: right;'>X</div>：<div style='display:inline-block;width:200px'>$$</div></div></div><br/>",
description: "居右显示"
},
{
title: "7:5",
"content": '<div class="mceTmpl"><div class="row"><div class="col-sm-7 col-xs-12"><span style="font-size: 18px; font-family: simsun, serif;">授权人（申请人）：{{{useName}}}</span></div><div class="col-sm-5 col-xs-12"><span style="font-size: 18px; font-family: simsun, serif;">授权人（申请人配偶）：</span></div></div><div class="row"><div class="col-sm-7 col-xs-12"><span style="font-size: 18px; font-family: simsun, serif;">身份证号码：{{{userIdCardNo}}}</span></div><div class="col-sm-5 col-xs-12"><span style="font-size: 18px; font-family: simsun, serif;">身份证号码：</span></div></div><div class="row"><div class="col-sm-7 col-xs-12"><span style="font-size: 18px; font-family: simsun, serif;">授权日期：{{{today}}}</span></div><div class="col-sm-5 col-xs-12"><span style="font-size: 18px; font-family: simsun, serif;"></span></div></div></div>',
description: "7:5"
}
]
});
</script>
</head>
<body>
<h1>点击Insert选择Template</h1>
<form method="post">
<textarea id="mytextarea"><!DOCTYPE html><html><head><style>.row{margin:1em}.row:after{display:table;content:" ";clear:both}@media(min-width:578px){.col-sm-4{float:left;width:33.33333333%}.col-sm-5{float:left;width:41.66666667%}.col-sm-7{float:left;width:58.33333333%}.col-sm-8{float:left;width:66.66666667%}}</style></head><body>Hello, World!</body></html>
<br></textarea>
</form>
</body>
</html>