此代码未运行,getelementbyid返回null

时间:2017-08-18 10:27:39

标签: ckeditor getelementbyid

此代码未运行,getelementbyid返回null

<script type='text/javascript'>
      CKEDITOR.on('instanceCreated', function (e) {
         document.getElementById(e.editor.name + '_preview').innerHTML = e.editor.getData();
         var a = $('#' + e.editor.name + '_preview').height();
         $('#' + e.editor.name + '_txt').val(a.toString());
         e.editor.on
                      ('change'
                      , function (ev) {
                          document.getElementById(e.editor.name + '_preview').innerHTML = ev.editor.getData();
                          var a = $('#' + e.editor.name + '_preview').height();
                          $('#' + e.editor.name + '_txt').val(a.toString());
                      }
                      );
     });

    var config = { extraPlugins: 'onchange' }; 
    CKEDITOR.replace('contents', config);
</script>

编辑:现在代码应该是可以理解的。

1 个答案:

答案 0 :(得分:0)

请参阅instanceCreated的此链接。虽然实例已创建,但尚未初始化。如果您想使用编辑器,请使用instanceReady事件。

另请确保ID为e.editor.name + '_preview'的元素确实存在,因为您的问题的其他原因可能是此ID不存在。