マークアップとスクリプティング

wijEditor ウィジェットの HTML マークアップは次のようになります。

マークアップ	コードのコピー
<textarea id="wijeditor" style="width: 650px; height: 400px;"> <h2>History</h2> <p> JavaScript was originally developed by Brendan Eich of Netscape under the name Mocha, which was later renamed to LiveScript, and finally to JavaScript. LiveScript was the official name for the language when it first shipped in beta releases of Netscape Navigator 2.0 in September 1995, but it was renamed JavaScript in a joint announcement with Sun Microsystems on December 4, 1995, when it was deployed in the Netscape browser version 2.0B3. </p>

マークアップ

コードのコピー

<textarea id="wijeditor" style="width: 650px; height: 400px;">
    <h2>History</h2>
    <p>
        JavaScript was originally developed by Brendan Eich of
        Netscape under the name Mocha, which was later renamed to LiveScript, and finally to JavaScript. LiveScript was the official name for the language when it
        first shipped in beta releases of Netscape Navigator 2.0 in September 1995, but it was renamed JavaScript in a joint announcement with Sun Microsystems on
        December 4, 1995, when it was deployed in the Netscape browser version 2.0B3.
    </p>

次の jQuery スクリプトでウィジェットを初期化できます。

スクリプト	コードのコピー
<script type="text/javascript"> requirejs.config({ baseUrl: "http://cdn.wijmo.com/amd-js/3.20173.128", paths: { "jquery": "jquery-1.11.1.min", "jquery-ui": "jquery-ui-1.11.0.custom.min", "jquery.ui": "jquery-ui", "jquery.mousewheel": "jquery.mousewheel.min", "globalize": "globalize.min" } }); </script> <script id="scriptInit" type="text/javascript"> require(["wijmo.wijeditor"], function () { $(document).ready(function () { $("#wijeditor").wijeditor(); }); }); </script>

スクリプト

コードのコピー

<script type="text/javascript">
    requirejs.config({
        baseUrl: "http://cdn.wijmo.com/amd-js/3.20173.128",
            paths: {
                "jquery": "jquery-1.11.1.min",
                "jquery-ui": "jquery-ui-1.11.0.custom.min",
                "jquery.ui": "jquery-ui",
                "jquery.mousewheel": "jquery.mousewheel.min",
                "globalize": "globalize.min"
            }
    });
</script>

<script id="scriptInit" type="text/javascript">
    require(["wijmo.wijeditor"], function () {
        $(document).ready(function () {
            $("#wijeditor").wijeditor();
        });
    });
</script>

ここで説明しているマークアップとスクリプトの結果は次のようになります。エディタでテキストを編集できます。

関連トピック