2024年3月17日发(作者：)

dokuwiki将编辑器修改为可视化,并支持代码高亮和QQ截图拷贝

1:Dokuwiki环境搭建1.1:Dokuwiki自带安装文件

安装文件入口:/

界面安装很方便1.2:Dokuwiki自带zh-cn包2:直接拷贝图片到编辑器2.1:自带编辑

器介绍

自带编辑器不支持所见所得,依靠一些标签来建立目录和页面排榜,尽管标签很强大,但

是对于初学者或者不熟悉的人来说,比较麻烦.2.2:更换流程及需求分析思考

思考: 要将编辑器改为所见所得,那么就两种方法,修改原先的编辑器或者更换编辑器.

流程:

2.2.1:去网上插件模板找找,是否存在这样的编辑器

2.2.2:更换为其他编辑器

2.2.3:修改原先的编辑器

总结:

我去网上找了,界面的插件倒确实不少,甚至有把FCK作为插件整合进来的,但是依然缺

少一个功能就是将图片拷贝到编辑器里.

如果是自己编写这样的编辑器,显然代价太高最终决定是更换编辑器2.3:更换编辑器为

xheditor

2.3.1:将xheditor下载下来,并放入dokuwiki目录下的/lib文件夹下,新建一个目录叫

xheditor-1.1.14(目前最新版本为1.1.14)

2.3.2:替换/inc/里的函数form_wikitext(attrs)源程序:

[php] view plaincopyprint?<span style="font-size:14px;">function

form_wikitext($attrs) { // mandatory attributes unset($attrs['name']);

unset($attrs['id']); return '<textarea name="wikitext" id="wiki__text"

' .buildAttributes($attrs,true).'>'.DOKU_LF .formText($attrs['_text']) .'</te

xtarea>'; }</span> 替换程序:

[php] view plaincopyprint?function form_wikitext($attrs) { // mandatory

attributes unset($attrs['name']); unset($attrs['id']); return '<textarea

id="elm1" rows="15" cols="80" style="width:100%"

name="wikitext">'.DOKU_LF .formText($attrs['_text']) .'</textarea>'; }

即:采用xheditor编辑器.

2.3.3:在/lib/tpl/dokuwiki/添加xheditor包

[html] view plaincopyprint?<script type="text/javascript" src="<?php

echo

DOKU_BASE;?>lib/xheditor-1.1.14/"></script