为Asp.net项目集成CkEditor 5

时间:2019-03-08 07:30:47

标签: c# asp.net ckeditor

我想为Asp.net(C#和ASPX)项目集成CKEditor 5(最新版本)。但是NuGet软件包管理器和包括Stackoverflow在内的其他论坛使我使用CKEditor版本3.6.4。 如何在Asp.net(C#和ASPX)项目中使用最新版本?

我在哪里可以获得与此相关的任何信息?

-谢谢

2 个答案:

答案 0 :(得分:0)

在其网站上给出的示例

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="utf-8">
    <title>CKEditor 5 – Classic editor</title>
    <script src="https://cdn.ckeditor.com/ckeditor5/12.0.0/classic/ckeditor.js"></script>
</head>
<body>
    <h1>Classic editor</h1>
    <asp:TextBox ID="txtarea" runat="server" ClientIDMode="Static"></asp:TextBox>
    <script>
        ClassicEditor
            .create( document.querySelector( '#txtarea' ) )
            .catch( error => {
                console.error( error );
            } );
    </script>
</body>
</html>

答案 1 :(得分:0)

以@Gagan Deep为例,每次CKEditor5更改时,您都可以在其中复制内容。

请参见以下示例:

ClassicEditor
        .create(document.querySelector('#txtarea'), {
        })
        .then(editor => {                
            editor.model.document.on('change', () => {
                console.log('The Document has changed!');
                $("#txtarea").html(editor.getData());
            });
        })
        .catch(error => {
            console.error(error);
        });

这段代码使魔术变得神奇

.then(editor => {                
            editor.model.document.on('change', () => {
                console.log('The Document has changed!');
                $("#txtarea").html(editor.getData());
            });
        })