Fedora系统下CKEditor新手求助：如何快速启动使用？

一、配置Apache访问CKEditor文件 #

通过dnf安装的CKEditor文件存放在/usr/share/web-assets/ckeditor/，需要让Apache能映射这个目录到网站访问路径：

1. 打开Apache配置目录下新建配置文件（推荐，避免修改主配置）：sudo vi /etc/httpd/conf.d/ckeditor.conf
2. 添加以下配置：

Alias /ckeditor /usr/share/web-assets/ckeditor
<Directory /usr/share/web-assets/ckeditor>
    Require all granted
</Directory>

3. 重启Apache生效：sudo systemctl restart httpd
   验证：访问http://你的服务器IP/ckeditor/samples/index.html，能看到示例编辑器页面就说明配置成功。

二、给静态HTML页面添加编辑器 #

拿你要编辑的静态HTML文件（比如/var/www/html/my-page.html）为例，做以下修改：

1. 在页面的<head>标签内引入CKEditor核心脚本：

<script src="/ckeditor/ckeditor.js"></script>

2. 替换或添加编辑器容器：
   • 如果页面已有<textarea>：

     <textarea id="content-editor">这里是原页面的HTML内容</textarea>
     <script>
         CKEDITOR.replace('content-editor');
     </script>
     

   • 如果想用<div>直接承载内容：

     <div id="content-editor">这里是原页面的HTML内容</div>
     <script>
         CKEDITOR.replace('content-editor');
     </script>
     

3. 保存文件后，访问http://你的服务器IP/my-page.html，就能看到可视化编辑器了。

三、保存编辑后的内容 #

因为是静态HTML，编辑器的修改仅在浏览器端生效，需要手动导出：

1. 编辑完成后，点击编辑器右上角的「源代码」按钮，复制生成的HTML代码
2. 用文本编辑器打开原静态HTML文件，替换对应内容后保存即可。

可选：自定义编辑器配置 #

如果需要调整工具栏功能、界面语言等，编辑/usr/share/web-assets/ckeditor/config.js，修改CKEDITOR.editorConfig函数，比如：

CKEDITOR.editorConfig = function( config ) {
    // 简化工具栏
    config.toolbar = [
        { name: 'basicstyles', items: [ 'Bold', 'Italic', 'Underline' ] },
        { name: 'paragraph', items: [ 'NumberedList', 'BulletedList' ] },
        { name: 'links', items: [ 'Link', 'Unlink' ] },
        { name: 'document', items: [ 'Source' ] }
    ];
    // 设置语言为中文
    config.language = 'zh-cn';
};

内容的提问来源于stack exchange，提问作者Richard T