JSDM

HTML

 
1
<!DOCTYPE html>
You don't need a DOCTYPE on CodePen. Just put here what you would normally put in the <body>.
2
<html>
3
<head>
4
  <script src='https://cloud.tinymce.com/stable/tinymce.min.js'></script>
5
  <script>
6
  tinymce.init({
7
    selector: '#mytextarea',
8
      //plugins: "template",
9
 // menubar: "insert",
10
    language:'zh_CN',
11
                    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',
12
                    toolbar: 'code undo redo restoredraft | cut copy paste pastetext | forecolor backcolor bold italic underline strikethrough link anchor | alignleft aligncenter alignright alignjustify outdent indent | \
13
                     styleselect formatselect fontselect fontsizeselect | bullist numlist | blockquote subscript superscript removeformat | \
14
                     table image media charmap emoticons hr pagebreak insertdatetime print preview | fullscreen | bdmap indent2em lineheight formatpainter axupimgs importword kityformula-editor',
15
                    
16
    
17
  //toolbar: "template",
18
    height:300,
19
    templates : [
20
     {
21
        title: "居右显示",
22
    "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/>",
23
        description: "居右显示"
24
      },
25
    {
26
        title: "7:5",
27
    "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>',
28
        description: "7:5"
29
      }
30
  ]
31
  });
32
  </script>
33
</head>
34
35
<body>
36
<h1>点击Insert选择Template</h1>
37
  <form method="post">
38
    <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>
39
    <br></textarea>
40
  </form>
41
</body>
42
</html>
43
!

CSS

xxxxxxxxxx
3
 
1
form{
2
 width:616px;
3
}
? ?
? ?
必须是有效的URL
+ 添加另一个资源

JS

xxxxxxxxxx
1
 
1
必须是有效的URL
+ 添加另一个资源
Close

文件管理 点击文件查看URL

图片

  1. 暂无文件

CSS

  1. 暂无文件

JavaScript

  1. 暂无文件

其他

  1. 暂无文件
拖动文件到上面的区域或者:
加载中 ..................