0

プロジェクトでページダウンエディターを使用しています。

私のHTMLコード:

<script src="<?php echo base_url('assets/js/Markdown.Converter.js')?>"></script>
<script src="<?php echo base_url('assets/js/Markdown.Sanitizer.js')?>"></script>
<script src="<?php echo base_url('assets/js/Markdown.Editor.js')?>"></script>


<div style="padding-top:20px;" class="control-group">
                        <div class="controls">
                            <textarea class="wmd-input" id="wmd-input"></textarea>
                        </div>
                </div>
                <div style="padding-top:20px;" class="control-group">
                    <label for="signature" class="control-label user-label">学校专业</label>
                        <div class="controls">
                            <div id="wmd-preview" class="wmd-panel wmd-preview"></div>
                        </div>
                </div>

そして私のJavaScriptコード：

<script type="text/javascript">
$(function() 
        {
            var converter1 = Markdown.getSanitizingConverter();
            var editor1 = new Markdown.Editor(converter1);
            editor1.run();
        });
</script>

google chrome ブラウザが「Uncaught TypeError: null のメソッド 'appendChild' を呼び出せませんか?」というエラーをスローします。私のコードの何が問題なのですか?

PS: appendChild は Markdown.Editor.js:1332 のファイルにあります

4

1 に答える 1

1

wmd-button-bar要素がありません

Editot.js ドキュメントから

2 番目の引数はオプションで、通常、同じページ内で複数のエディターを使用している場合にのみ必要です。指定した場合、この引数は文字列であり、エディターで使用される 3 つの要素の HTML 要素 ID に追加されます。デフォルトでは、エディターは #wmd-button-bar、#wmd-input、および #wmd-preview を探します。複数のエディターを使用している場合、もちろん、要素の 2 番目のグループに最初のグループと同じ ID を与えることはできないため、2 番目の入力ボックスを として作成し、文字列 "-2" を 2 番目の引数として渡すことができます。コンストラクタに。

デモ:フィドル

于 2013-09-30T03:56:01.977 に答える