Angular2/4 在html模板里加入标签,引用ckeditor的办法

默认情况下,Angular2/4模板会移除标签。但是有些时候我们又需要保留script标签。

这里我举一个例子,这个用例是想在angular4 中使用ckeditor。

因为我的angular用的是最新版本,而目前已有的插件却只支持到angular2,所以如果我希望使用ckeditor,就必须用在html里引用script标签这种方式。

首先我需要下载ckeditor。

参考这里的官方文档。

下载好以后解压缩到你的项目目录,这里是我的目录,可供大家参考


Angular2/4 在html模板里加入标签,引用ckeditor的办法_第1张图片


接下来在index.html中引用刚刚下载好的ckeditor.js


Angular2/4 在html模板里加入标签,引用ckeditor的办法_第2张图片


好了,下面就是高潮了,你的component中加上如下配置:


Angular2/4 在html模板里加入标签,引用ckeditor的办法_第3张图片


在相应的html中加上如下配置

Angular2/4 在html模板里加入标签,引用ckeditor的办法_第4张图片


运行程序:


Angular2/4 在html模板里加入标签,引用ckeditor的办法_第5张图片



大工告成!


你可能感兴趣的:(Angular2/4)