lolimeow-TinyMCE使用说明


avatar
bo-jwolf 2019-02-24 4.42k

功能对照图

luotianyi

文字凸显效果

<span class="badge badge-pill badge-danger text-uppercase">测试文字</span>
代码高亮效果
<pre class="prettyprint linenums">测试文字

fancybox+图片阴影框

luotianyi

fancybox+图片阴影框大

luotianyi

<a href="放大图超链接" data-fancybox="images">
<img src="小图展示超链接" alt="luotianyi" width="150" height="150" class="aligncenter img-fluid rounded shadow-lg(图片阴影框) size-thumbnail wp-image-584" />
</a>

//图标功能:资源替换http://q.mkm.st/html/FontAwesome.html

<i class="fa fa-cloud-download"></i>

绿色按钮

<a href="超链接"rel="noopener noreferrer"target="_blank"class="btn btn-1 btn-outline-success">测试按钮</a>

H2毛笔标

H2设置标

H2下载标

H2微信标

H2QQ企鹅标

<h2 class="section-title"><span><i class="fa fa-paint-brush"></i>H2毛笔标</span></h2>
<h2 class="section-title"><span><i class="fa fa-gear"></i>H2设置标</span></h2>
<h2 class="section-title"><span><i class="fa fa-cloud-download"></i>H2下载标</span></h2>
<h2 class="section-title"><span><i class="fa fa-wechat"></i>H2微信标</span></h2>
<h2 class="section-title"><span><i class="fa fa-qq"></i>H2企鹅标</span></h2>
NOTE: 警告框效果展示
NOTE: 警告信息框展示
NOTE: 警告错误框展示
NOTE: 警告确认框展示

发表评论

相关阅读