Question

我遇到了http://redactorjs.com，这是一个非常好的wysiwig编辑器，具有播出能力。换句话说，在一行中，您可以动态地将静态div转换为可编辑的文本区域。

我 - 不想 - 支付它（由于某些原因我不会透露），因此我正在寻找替代方案。

你有没有使用过轻量级的基于wysiwig jquery的编辑器，它可以在运行中轻松使用？

我正在寻找我将使用的内容如下：

$("#edit_btn").click(function({
     $("#my_div").turnIntoEditor();
}));

$("#save_btn").click(function({
     $("#my_div").post_content("http://target");
     $("#my_div").turnIntoStatic();
}));

请不要介意post_content thingy和其他函数名称，因为它们仅供参考，以显示我正在使用的用法类型。

谢谢

Answer 1

我终于去了ckeditor。我可以轻松地使用它如下（poc）：

            <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
            <html xmlns="http://www.w3.org/1999/xhtml">

                <head>
                    <meta content="text/html; charset=UTF-8" http-equiv="content-type"/>
                    <title>Title</title>


                    <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.0/jquery.min.js"></script>
                    <script type="text/javascript" src="ckeditor/ckeditor.js"></script>
                    <script type="text/javascript" src="ckeditor/adapters/jquery.js"></script>
                    <script type="text/javascript">
                        $(document).ready(function(){
                            $("#edit").click(function(){
                                $( '.editable' ).ckeditor();
                            });

                            $("#save").click(function(){
                                var editor = CKEDITOR.instances['editor'];
                                if (editor) { editor.destroy(); }

                                alert($('#editor').html());
                            });
                        });

                    </script>
                </head>
            <body>
                <span id="edit">EDIT</span>&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; <span id="save">SAVE</span><br/><br/>
                <div class="editable" id="editor">
                    Some useless content
                </div>
            </body>
            </html>

基于Jquery的WYSIWYG具有On-Air可能性

1 个答案: