未捕獲的TypeError：無法調用null的方法“ appendChild”？

Question

我在我的項目中使用Pagedown編輯器。

我的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>

谷歌瀏覽器會拋出錯誤“未捕獲的TypeError：無法調用null的方法'appendChild'？”，我的代碼有什么問題？

PS：appendChild在Markdown.Editor.js：1332文件中

Answer 1

您缺少wmd-button-bar元素

從Editot.js文檔

第二個參數是可選的，通常只有在同一頁面中使用多個編輯器時才需要。 如果給定，則此參數是一個字符串，附加在編輯器使用的三個元素的HTML元素ID后面。 默認情況下，編輯器將查找＃wmd-button-bar，＃wmd-input和＃wmd-preview。 如果您使用多個編輯器，那么您當然不能為第二組元素提供與第一組相同的ID，因此您可以創建第二個輸入框，並將字符串“ -2”作為第二個參數傳遞到構造函數。

演示： 小提琴