word文本框的编辑,两种方式
Posted lxnlxn
tags:
篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了word文本框的编辑,两种方式相关的知识,希望对你有一定的参考价值。
大致效果图(对其中的功能可以增减):
实现方法1:调用js <link href="../../platform/js/kindeditor/themes/default/default.css" rel="stylesheet" rel="stylesheet"/> <link href="../../platform/js/kindeditor/plugins/code/prettify.css" rel="stylesheet" rel="stylesheet"/> <script charset="utf-8" src="../../platform/js/kindeditor/kindeditor-all.js"></script> <script charset="utf-8" src="../../platform/js/kindeditor/lang/zh-CN.js"></script> <script charset="utf-8" src="../../platform/js/kindeditor/plugins/code/prettify.js"></script> <script type="text/javascript"> $(function() { KindEditor.ready(function(K) { var editor1 = K.create(‘textarea[name="articleContent"]‘, { width : ‘100%‘, height : ‘450px‘,
//上传图片,保存图片的方法 uploadJson : ‘editorUpload.do?folderType=gongGao‘, allowFileManager : true, afterBlur: function () { this.sync(); } }); }); }); </script> 文章内容:<textarea id="articleContent" name="articleContent" class="ckeditor">${cmsArticle.articleContent}</textarea>
实现方法二:调用js <script src="../../platform/js/ckeditor/ckeditor.js"></script> <script type="text/javascript"> $(function() { CKEDITOR.replace($("#articleContent")[0], { toolbar : [ [ ‘Bold‘, ‘Italic‘, ‘Underline‘, ‘Subscript‘, ‘Superscript‘, ‘-‘, ‘RemoveFormat‘ ], [ ‘NumberedList‘, ‘BulletedList‘, ‘-‘, ‘Outdent‘, ‘Indent‘, ‘-‘, ‘JustifyLeft‘, ‘JustifyCenter‘, ‘JustifyRight‘, ‘JustifyBlock‘ ], [ ‘Image‘, ‘Format‘, ‘Font‘, ‘FontSize‘, ‘TextColor‘, ‘BGColor‘ ] ], filebrowserUploadUrl : ‘ckeditorUpload.do?folderType=gongGao&fileType=file‘,//上传附件 filebrowserImageUploadUrl : ‘ckeditorUpload.do?folderType=gongGao&fileType=file‘,//上传图片 language : ‘zh-cn‘, width : ‘100%‘, height : ‘600px‘ }); }); </script> 文章内容:<textarea id="articleContent" name="articleContent" class="ckeditor">${cmsArticle.articleContent}</textarea>
以上是关于word文本框的编辑,两种方式的主要内容,如果未能解决你的问题,请参考以下文章
百度ueditor新增的将word内容导入到富文本编辑框的功能怎么没有啊,或者谁知道该如何操作
请问如何把mac系统的pages文件转为 pdf格式和word格式的文件?另外我做page的时候文本框总去不掉,总是 灰