如何在angular js web应用中使用ckeditor

how to use ckeditor in an angular js web App?

本文关键字：ckeditor 应用 web angular js      更新时间：2023-09-26

我正在努力使用ckeditor在我的html页面内置的angularjs。

我已经试过很多例子了。

ng-ckeditor directive
ckeditor directive

但是这些例子都没有帮助我。

我想要一个文本区，我可以在其中输入图像并编辑其内容样式(如ckeditor)。

谁能给我一个清晰的例子或演示小提琴如何在angularjs中使用ckeditor。

我也尝试过自定义指令。

是否有其他ck编辑器?

https://github.com/lemonde/angular-ckeditor。步骤1-3实际上在README中有很好的记录。Md和其他的都很容易发展…

  1. 获取angular-ckeditor: git clone -depth=50https://github.com/lemonde/angular-ckeditor
  2. 下载资源安装angular-ckeditor
    3. 自己写一个控制器(参见README.md中的示例)

  3. 链接你的js文件在你的html，保持订单跟踪:

按照描述使用你的控制器和HTML中的指令。如果您想用html中的数据预初始化编辑器，您可以使用如下内容:

data-ng-init="content='this is a text with <a href="http://localhost/whatever.html" target="_blank">an embedded Link</a>'" contenteditable="true" ready="onReady()">

或者你在控制器中初始化你的模型变量(硬编码或通过$http)。

我已经从如何使用ckeditor在angular JS应用程序?

相关文章：