织梦ckeditor加上自定按钮,完成自定款式

  • 栏目:行业动态 时间:2021-05-04 15:50 分享新闻到:
<返回列表


织梦ckeditor加上自定按钮,完成自定款式


短视頻,自新闻媒体,达人种草1站服务 织梦到了5.7以后编写器已不是fck,而是升級变成ckeditor3.6.2。在大家对內容网页页面的body文章正文一部分开展编写的情况下,前台接待文章正文一部分有的情况下必须1个自定款式,但ckeditor并沒有自定款式涉及到。

比如网页页面:,

能够看到有虚线边框的地区,便是自定款式。

自然还可以立即在模版中写1个款式,启用1个自定字段来完成,但这个方式,在文章内容不必须这个字段特性的情况下,在前台接待网页页面1样会有这样1个款式存在,导致编码繁杂,不好于提升。

而自定按钮,在编写时,大家应用的话,就会出現,而不应用,则在前台接待网页页面并没有任何款式或编码,因此自定按钮加上自定特性是1个完善的方式。

Ckeditor加上自定按钮,完成自定特性步骤:

1、最先开启注:这里为本站文件目录,请在自身室内空间或服务器上寻找/include/ckeditor。

2、开启ckeditor文档夹下的ckeditor.js文档,搜索编码:n( Bold ,p.bold, bold ,o.coreStyles_bold);

在其后加上编码:n( Custom ,p.custom, custom ,o.coreStyles_custom);

注:这里的Custom为自定,但务必第1个首字母大写,后边全为小写。

3、再次在ckeditor.js中搜索i.coreStyles_bold={element: strong ,overrides: b

在其后加上编码:i.coreStyles_custom={element: custom

4、再次在ckeditor.js中搜索i.toolbar_Basic=

能够看到其后边有[[ Bold , Italic , - , NumberedList , BulletedList , - , Link , Unlink , - , About

这里是编写器的最基本编写按钮,在 Bold ,后加上 Custom ,

加上进行子孙后代码为:

[[ Bold , Custom , Italic , - , NumberedList , BulletedList , - , Link , Unlink , - , About

5、再次搜索编码:{name: basicstyles ,items:[ Bold ,在后边一样再加 Custom ,、

加上进行子孙后代码为:

{name: basicstyles ,items:[ Bold , Custom , Italic , Underline , Strike , Subscript , Superscript , - , RemoveFormat ]},

6、开启

注:这里为本站文件目录,相对性文件目录为/include/ckeditor/ckeditor.inc.php

这里大家以手机软件栏目地编写器来说,别的同理,手机软件栏目编写器引入的按钮数字能量数组为small

这个能够在dede/templets/soft_add.htm中查寻到:

改动ckeditor.inc.php 中$toolbar[ Small ] = 其后边的內容

在array( Bold , Italic , Underline , Strike , - ),中加上 Custom ,

7、这时候候基础改动进行,清除cookies和历史时间纪录后,开启手机软件栏目,加上文本文档,编写器模样以下:

留意:1定要消除cookies和历史时间纪录。

8、按钮出現了,但按钮還是空白,并沒有1个标志,下面刚开始制作标志。

开启注:此处为本站文件目录。

这里是织梦的皮肤文档夹,在其中仅有kama这1个皮肤。开启kama文档夹下的icons.png

在最下面加上1个按钮,如图:

接着开启kama文档夹下的editor.css,搜索:

.cke_skin_kama .cke_button_bold .cke_icon{background-position:0 ⑶04px;}

在其后加上款式:

.cke_skin_kama .cke_button_custom .cke_icon{background-position:0 ⑴295px;}

如今清除cookies和历史时间纪录,进到后台管理加上手机软件,编写器实际效果以下:

大家看来应用实际效果,键入文本后,点一下源代码按钮:

OK,织梦ckeditor编写器加上自定按钮,并完成自定款式进行。

9、下面检测前台接待显示信息实际效果。

在中寻找.viewbox .content款式,在这个款式后边加上款式.viewbox .content custom{border:1px dotted red;font-size:20px;}

注:以上是本站相对路径,假如你已开展改动,那末请依据自身网站状况搜索。款式依据本身必须填写,这里只是做检测实际效果。

后台管理编写以下:

前台接待网页页面实际效果以下:

 

自写款式表实际效果完成,实际效果检测结束。(款式能够随便撰写)

假如你必须各种各样款式的按钮,立即按以上方式套用便可。

Design by badubox8度盒子手机游戏网


分享新闻到:

更多阅读

织梦ckeditor加上自定按钮,完成自定款式

行业动态 2021-05-04
短视頻,自新闻媒体,达人种草1站服务织梦到了5.7以后编写器已不是fck,而是升級变成ckedit...
查看全文

微信投票小程序-App制作微信小程序开发软

行业动态 2021-05-03
微信小程序每日活跃早已提升三亿,零售电子商务、餐馆外卖送餐、酒店餐厅预订、轿车4S店...
查看全文

掌握检索模块的转变标准 怎样解决检索模

行业动态 2021-05-02
短视頻,自新闻媒体,达人种草1站服务 大家在做网站的全过程中,经常会遇到检索模块转变的...
查看全文
返回全部新闻


区域站点: 南丰县建站培训   南宫市建站程序   囊谦县凡科建站   南和县企业建站   南华县建站培训   南江县建站程序   南京市凡科建站   南靖县企业建站   南康市建站培训   南乐县建站程序   南陵县凡科建站   南宁市企业建站   南平市建站培训   南皮县建站程序   南市区凡科建站   南通市企业建站   南投县建站培训   南雄市建站程序   南溪县凡科建站   南阳市企业建站   南漳县建站培训   南召县建站程序   南郑县凡科建站   那坡县企业建站   那曲县建站培训   纳雍县建站程序   讷河市凡科建站   内黄县企业建站   内江市建站培训   内丘县建站程序   内乡县凡科建站   嫩江市企业建站   聂荣县建站培训   尼玛县建站程序   尼木县凡科建站   宁安市企业建站   宁波市建站培训   宁城县建站程序   宁德市凡科建站   宁都县企业建站   宁国市建站培训   宁海县建站程序   宁化县凡科建站   宁晋县企业建站   宁陵县建站培训   宁明县建站程序   宁南县凡科建站   宁强县企业建站   宁陕县建站培训   宁武县建站程序   宁乡市凡科建站   宁阳县企业建站   宁远县建站培训   农安县建站程序   磐安县凡科建站   盘锦市企业建站   盘山县建站培训   磐石市建站程序   盘州市凡科建站   蓬安县企业建站   澎湖县建站培训   蓬莱市建站程序   彭山县凡科建站   蓬溪县企业建站   彭阳县建站培训   彭泽县建站程序   彭州市凡科建站   偏关县企业建站   平安县建站培训   平昌县建站程序   平定县凡科建站   屏东县企业建站   平度市建站培训   平果县建站程序   平和县凡科建站   平湖市企业建站   平江县建站培训   平乐县建站程序   平凉市凡科建站   平利县企业建站   平罗县建站培训   平陆县建站程序   屏南县凡科建站   平泉市企业建站   屏山县建站培训   平顺县建站程序   平塘县凡科建站   平潭县企业建站   平武县建站培训   萍乡市建站程序   平乡县凡科建站   平阳县企业建站   平遥县建站培训   平阴县建站程序   平邑县凡科建站   平远县企业建站   平舆县建站培训   皮山县建站程序   普安县凡科建站   浦北县企业建站   浦城县建站培训   普洱市建站程序   普格县凡科建站   浦江县企业建站   普兰县建站培训   普宁市建站程序   莆田市凡科建站   迁安市企业建站   乾安县建站培训   潜江市建站程序   潜山市凡科建站  

友情链接: 医慧互通 创建网站教程 巴渝烤哥 美国免费建站平台 免费网页建站 免费自助建站 手机版 装修知识 软件下载 果树种植 深圳新闻 网站模板 小程序模板

Copyright © 2002-2020 凡科建站_企业建站_建站培训_建站程序_自建网站 版权所有 (网站地图) 备案号:粤ICP备10235580号