-1

http://redactorjs.comに出くわしました。これは、オンエア機能を備えた非常に優れたwysiwigエディターです。つまり、1行で、静的なdivをその場で編集可能なテキスト領域に変えることができます。

私は（何らかの理由で私は開示しませんが）それに対して支払いをしたくないので、私は代替案を探しています。

その場で簡単に使用できる軽量のwysiwigjqueryベースのエディターを使用したことがありますか？

私は次のように使用するものを探しています：

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

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

post_contentのことや他の関数名は、私が世話をしている使用法の種類を示すための参照用に与えられているので、気にしないでください。

ありがとうございました

4

1 に答える 1

0

私はついに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>
于 2012-09-03T13:12:23.767 に答える