为KindEditor编辑器中的内容增加样式，使得自定义前台页面显示效果与编辑器效果一致

Posted 2020-10-04 石头同学

 

KindEditor 本身自带有一定的样式，且为内部样式，在使用过程中，难免会发现部分效果不是我们想要的，因此，KindEditor提代了两种方式供使用着调用

 

1、内部样式，通过 cssData 属性，控制内容样式，如：

             K.create(‘textarea[name=content]‘, { cssData : ‘body { font-size: 14px; }‘ });

2、外部样式，通过 cssPath 属性，控制内容样式，如：

            K.create(‘textarea[name=content]‘, { cssData : ‘x.css‘ });

 这样，在写样式的时候，我们只需要关注 x.css 文件里面的样式是怎么写的就可以了，同时，也可以在前台页面中调用这个css文件，以达到前台显示效果与编辑器显示效果一致的目的。