无法读取CKEditor ASP.NET的null属性“不可选择”

Question

我在（create.cshtml）中有一个基本的HTML表单，并且在主布局（_layout.cshtml）中调用了CKEditor.js。当我在单独的项目中使用相同的代码时，它可以正常工作，但是在我的ASP.NET中项目，我收到此错误：Uncaught TypeError：无法读取null的属性“ unselectable”

Create.cshtml：

<form>
    <textarea id="prop_editor" name="prop_editor">
         <h2>WYSIWYG Editor</h2>
         <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam ullamcorper sapien non nisl facilisis bibendum in quis tellus. Duis in urna bibendum turpis pretium fringilla. Aenean neque velit, porta eget mattis ac, imperdiet quis nisi. Donec non dui et tortor vulputate luctus. Praesent consequat rhoncus velit, ut molestie arcu venenatis sodales.</p>
         <h3>Lacinia</h3>
         <ul>
              <li>Suspendisse tincidunt urna ut velit ullamcorper fermentum.</li>
              <li>Nullam mattis sodales lacus, in gravida sem auctor at.</li>
              <li>Praesent non lacinia mi.</li>
              <li>Mauris a ante neque.</li>
              <li>Aenean ut magna lobortis nunc feugiat sagittis.</li>
         </ul>
         <h3>Pellentesque adipiscing</h3>
         <p>Maecenas quis ante ante. Nunc adipiscing rhoncus rutrum. Pellentesque adipiscing urna mi, ut tempus lacus ultrices ac. Pellentesque sodales, libero et mollis interdum, dui odio vestibulum dolor, eu pellentesque nisl nibh quis nunc. Sed porttitor leo adipiscing venenatis vehicula. Aenean quis viverra enim. Praesent porttitor ut ipsum id ornare.</p>

     </textarea>
</form>

_layout.cshtml

<script type="text/javascript">
     CKEDITOR.replace('prop_editor');
</script>

Answer 1

在Laravel项目中启用身份验证后，我经历了类似的事情。的

CKEDITOR.replace('textarea_id');

命令抛出相同的错误。

我确定包含app.js脚本是造成此问题的原因。卸下

<script src="{{ asset('js/app.js') }}" defer></script>

标签解决了问题。当然，这破坏了某些身份验证功能，因此不是一个好的解决方案。

经过一番徒劳的探索之后，我发现从脚本标记中删除“ defer”关键字可以解决此问题。我不知道为什么。看一下您的标签；这可能会有所帮助。