Question

我想将textarea显示为CKEditor但它在这里不起作用，虽然它在我的html代码中有效。

我有一个文件global.js，我也将其作为脚本包含在我的html代码中。

这是我在global.js中的功能

$(document).ready(function() {
$("a#reply").one("click" , function() {
    var comCode = $(this).attr("name");
    var parent = $(this).parent();
    parent.append("<br /><form action='index.php' method='post'><input 
       type='text' name='uname2' id='uname2' placeholder='Enter username' 
       required /><textarea class='ckeditor' name='editor' 
       placeholder='Enter your query' id='new-reply' required></textarea>
       <input type='hidden' name='code' value='"+comCode+"' /><input 
       type='submit' class='form-submit' id='form-reply' name='new_reply' 
       value='Reply' /></form>")
       //$(".chreply").toggle();
    });
 })

我甚至尝试过包括：

CKEDITOR.scriptLoader.load( this.path + 'ckeditor/ckeditor.js' );
CKEDITOR.replace( 'ckeditor' );

我做错了吗？这是我的代码的问题，还是ckeditor永远不会显示在js文件中？

Answer 1

CKEDITOR.replace可能仅用于DOM元素，元素的ID或元素的名称。从我在代码中看到的内容，您尝试将其与类名一起使用。所以在这个简短的例子中你应该使用这样的代码：

CKEDITOR.replace( 'new-reply' )

很可能在控制台中出现错误，告知ckeditor无法找到或类似。

Answer 2

通过添加

起作用

parent.append("<br /><form action='index.php' method='post' id='tog'><input 
type='text' name='uname2' id='uname2' placeholder='Name' required /><textarea 
name='editor' placeholder='Query' id='new-reply' required>
</textarea><input type='hidden' name='code' value='"+comCode+"' /><input 
type='submit' class='form-submit' id='form-reply' name='new_reply' 
value='Reply' /><script>CKEDITOR.replace('new-reply');</script></form>")

CKEditor未显示在JS文件中

2 个答案: