如何在ckeditor插件中提供图像而不是项目符号?

时间:2016-04-28 07:23:55

标签: php css

任何人都可以告诉如何在ckeditor中为子弹提供图像吗?

我想将以下内容放在ckeditor中:

<ul class="features_li">
   <li><i class="fa fa-check-square-o"></i>Help him</li>
   <li><i class="fa fa-check-square-o"></i>Be careful of the danger</li>
   <li><i class="fa fa-check-square-o"></i>The stunning</li>
</ul>

我想把内容放在ckeditor中,并在课堂上定义图像。任何人都可以帮我这个吗?

2 个答案:

答案 0 :(得分:1)

检查以下示例

&#13;
&#13;
ul,
li {
  list-style: none;
  padding: 0px;
  margin: 0px;
}
ul li i {
  margin-right: 10px;
}
&#13;
<link href="https://maxcdn.bootstrapcdn.com/font-awesome/4.6.1/css/font-awesome.min.css" rel="stylesheet" />
<ul class="features_li">
  <li><i class="fa fa-check-square-o"></i>Help him</li>
  <li><i class="fa fa-check-square-o"></i>Be careful of the danger</li>
  <li><i class="fa fa-check-square-o"></i>The stunning</li>
</ul>
&#13;
&#13;
&#13;

答案 1 :(得分:0)

在您的代码中,fa fa-check-square-o表示字体真棒字体的类。它允许包含添加一些类的图像。

请参阅此处有关添加这些类的文档: https://fortawesome.github.io/Font-Awesome/icons/

Here a live example of your code