ITKeyword,专注技术干货聚合推荐

注册 | 登录

编辑器ckeditor

cw_volcano 分享于

2020腾讯云双十一活动,全年最低!!!(领取3500元代金券),
地址https://cloud.tencent.com/act/cps/redirect?redirect=1073

2020阿里云最低价产品入口,含代金券(新老用户有优惠),
地址https://www.aliyun.com/minisite/goods

推荐:编辑器(ckeditor篇)

最近一直超级忙,忙着研究编辑器,研究了一段时间,出来跟大家分享一下我的心得 ckeditor她太好了,因为他开源,并且做的很强大(源码不压缩7万多行),之所以研

编辑器:
aspx页面:
<script type="text/javascript" charset="utf-8" src="./../Content/ckeditor/ckeditor.js"></script>

<style type="text/css">
        .editor,.editorDiv { width: 450px; height: 60px; overflow: auto; text-align: left; border:1px solid #ccc; padding:5px; cursor:hand;}
        .editorFoucs { border: 1px solid red; background: #F6F0AC;}
    </style>

<div id="comment" name="评论内容" class="editor" ></div>

<div id="editorDialog" title="质量状态数据录入">       
        <textarea id="editor" name="editor" cols="80" rows="50"></textarea>
        <div>还可输入&nbsp;<span id="leaveId"></span> &nbsp;字&nbsp;<span id="limitId" style="display:none; color:red;">(长度超限,请控制在8000字符以内)</span></div>
        <div class="text-notice" style="display:none;">友情提醒:您正在使用IE6,

推荐:可视化HTML编辑器CKEditor

CKEditor是新一代的FCKeditor,是一个重新开发的版本,已经不再使用。CKEditor是全球最优秀的网页在线文字编辑器之一,因其惊人的性能与可扩展性而广泛的被运用于

建议升级到IE8</div>
    </div>      


js:
var editor;
var currentEditorId = ""; //当前页面中所有的TextArea均在唯一的ckeditor对象中编辑,此值用于记录当前处于编辑状态的textarea的ID
var timerId = null; //定义定时器用于实时检测富文件编辑器还可输入的字数
var editorMaxLength = 7998;

$(function () {
    initEditor();
});


function initEditor() {
    $("#editorDialog").dialog(
        {
            show: "fast",
            modal: true,
            resizable: false,
            bgiframe: false,
            autoOpen: false,
            width: 550,
            buttons: {
                "取消": function () {
                    $(this).dialog("close");
                },
                "确定": function () {
                    $("#" + currentEditorId).html(editor.getData());
                    $(this).dialog("close");
                }
            },
            beforeclose: function (event, ui) {
                if (timerId != null) {
                    clearTimeout(timerId);
                    timerId = null;
                }

                $("#" + currentEditorId).removeClass("editorFoucs");
                if (editor) { editor.destroy(); editor = null; }
            }
        });

    //绑定textarea的点击事件,以触发显示editor的dialog
    $(".editor").bind("click", function () {
        currentEditorId = $(this).attr("id");
        showEditorDialog($(this).attr("name"));
    });
}

推荐:在线编辑器ckeditor

最近使用在线编辑器ckeditor ,版本是最新3.2 蛮好用的,以前用过TinyMCE,不过,感觉ckeditor配置起来蛮方便的,下了一下它以前的版本,fckeditor ,感觉还是现

编辑器: aspx页面: <script type="text/javascript" charset="utf-8" src="./../Content/ckeditor/ckeditor.js"></script> <style type="text/css">         .editor,.editorDiv { width: 450

相关阅读排行


相关内容推荐

最新文章

×

×

请激活账号

为了能正常使用评论、编辑功能及以后陆续为用户提供的其他产品,请激活账号。

您的注册邮箱: 修改

重新发送激活邮件 进入我的邮箱

如果您没有收到激活邮件,请注意检查垃圾箱。