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内容导入到富文本编辑框的功能怎么没有啊,或者谁知道该如何操作

yii怎么设置文本框禁止输入,隐藏文本框

Java 文本框的建立

请问如何把mac系统的pages文件转为 pdf格式和word格式的文件?另外我做page的时候文本框总去不掉,总是 灰

如何从word文档复制图片到富文本编辑器

有PHP版的 word在线编辑器么