个人网站搭建（Day 8）— Django-simditor的使用以及代码高亮

最新推荐文章于 2021-07-03 17:50:21 发布
最新推荐文章于 2021-07-03 17:50:21 发布
阅读量1.1k 收藏 3
点赞数
分类专栏： 个人网站搭建 文章标签： Django-simditor
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.youkuaiyun.com/Empire_03/article/details/87112796
版权
本文介绍了如何在Django项目中使用Django-simditor富文本编辑器，并通过highlight.js实现代码高亮。文章详细阐述了安装Django-simditor的步骤，以及利用highlight.js为程序员博客添加代码高亮功能的过程。

摘要生成于 C知道 ，由 DeepSeek-R1 满血版支持， 前往体验 >

Django-simditer富文本编辑器的使用

我们在博客 个人网站搭建（Day 4）— My second app：blog 中提及我们改用富文本编辑器来编辑博文，今天我们就介绍一下富文本编辑器 Django-simditer 的使用。

开始的时候，作者选择的是使用 django-markdownx 来编写博客，发现尽管markdown有着简洁的语法等等有点，在页面的排版等方面的支持不是很好，因此萌生了使用富文本编辑器来编辑博客的想法。

作者参考比较了 UEditor，KindEditor， django-ckeditor，django-simditer 等数种富文本编辑器，最后选择的是 django-simditer 富文本编辑器，主要是配置比较简单，基础功能丰富且易于扩展。

参考博客：

django-simditor一个django的富文本编辑器 

Django后台集成富文本编辑器simditor 

 

 django-simditer是一个封装完成的库，参考官网的资料很容易就能够完成配置。而第二篇博文中介绍的是自己下载simditer源码并且集成到后台代码，能够更好地根据自己的需要修改。我们这里主要是介绍简单的那种啦 ٩꒰⍢ ꒱۶⁼³₌₃

simditer-github地址</

最低0.47元/天 解锁文章
django框架加入simditor富文本编辑器，使用mako进行渲染
HADLM
10-21 411
1.安装依赖 django-simditor==0.0.15 2.配置 INSTALLED_APPS += ( 'simditor', ) SIMDITOR_TOOLBAR = [ 'title', 'bold', 'italic', 'underline', 'strikethrough', 'fontScale', 'color', '|', 'ol', 'ul', 'blockquote', 'table', '|', 'link', 'image', 'hr',
SyntaxHighlighter代码高亮插件
itmyhome的专栏
08-14 6467
SyntaxHighlighter是Google Code上的一个开源项目,主要用于给网页上的代码着色,使用十分方便,效果也不错,而且几乎支持常见的所有语言。使用步骤：一、下载并解压缩SyntaxHighlighter(xxx)当前版本3.0.83二、引入文件将解压后的scripts和styles文件夹复制到项目中,在页面中引入shCore.js和核心CSS文件shCore.css其次引入你要高亮
django-simditor：django simditor
02-04
django-simditor django simditor 安装 pip install django-simditor 将simditor添加到您的INSTALLED_APPS设置。 from django . db import models from simditor . fields import RichTextField class Post ( models . Model ): content = RichTextField () 表情符号 降价促销 图片上传配置 放下图片 剪贴板图像 urls.py urlpatterns = [ url
html编辑器知乎,Django后台集成富文本编辑器simditor
weixin_31093677的博客
07-03 419
由于我在自己的博客上发表文章，需要进入django admin后台进行编辑，但是默认的textarea只能输入原始文字，这显然满足不了我的要求，所以想着用富文本的方式来实现文章排版。网上有不少开源的富文本编辑器，比如simditor、ueditor、kindedtor、tinymce、CKEditor等，我试用了其中三个编辑器，simditor、ueditor、kindedtor。其中uedito...
如何在Tower开源的富文本编辑器Simditor中使用PrismJS来高亮代码？
weixin_33895604的博客
07-09 280
起因是我们在做爱学啊官方网站的时候，要用到富文本的地方有电子书页面，文章页面，所以就要用到富文本编辑，调研了一圈就选用了Tower开源的Simditor编辑器，各方方面都还不错基本上没有什么大的Bug，主要是他原来上传图片需要服务端配合，但是现在大部分情况下都是将图片这类资源托管的到第三方，所以我们这里修改了他的源码，支持直接将图片上传到阿里云。但有了富文本，贴别是 里面贴代码，如果不高亮总感觉死...
Django1.9开发博客（11）- 富文本与代码高亮
weixin_30364147的博客
08-13 182
TinyMCE是一个轻量级的基于浏览器的所见即所得编辑器，支持目前流行的各种浏览器，由JavaScript写成。 功能配置灵活简单（两行代码就可以将编辑器嵌入网页中），支持AJAX。另一特点是加载速度非常快。 django里引用TinyMCE富文本编辑器，其实很简单，前提是你知道django的静态文件配置。 其实这个我已经在前面文章提到过，可以回去再看看。 TinyMCE的官方网站是：http...
简易博客开发（5）----django集成kindeditor富文本编辑及代码高亮
weixin_33767813的博客
02-13 239
为什么80%的码农都做不了架构师？>>> ...
给Django后台富文本编辑器添加上传文件的功能
Preke的专栏
08-05 2385
原文链接：http://www.cnblogs.com/shawlang/p/4766681.html 使用富文本编辑器上传的文件是要放到服务器上的，所以这是一个request。既然是一个request，就需要urls.py进行转发请求views.py进行处理。views.py处理完了返回一个文件所在的路径给富文本编辑器，富文本编辑器通过HTML来渲染文件，如果文件是图片，就显示图片。 以下以
Simditor：简单快速的开源富文本编辑器
叶飘っ叶相偎 的博客
04-12 2280
摘要：Simditor是团队协作工具Tower.im使用的富文本编辑器，基于jQuery开发。官方提供了简洁的使用和再开发教程，指导开发者自己搭建Simditor开发环境和编写Simditor扩展。 Simditor是团队协作工具Tower.im使用的富文本编辑器，基于jQuery开发。官方提供了简洁的使用和再开发教程，指导开发者自己搭建Simditor开发环境和编写Simditor
网页文档编辑器--simditor
梧桐下的四叶草
03-02 1387
第一次使用文档编辑器，一开始第一时间是想要使用ueditor的百度文档编辑器的。结果发现真的好难玩呀，使用代码的方式去配置，结果发现基本不会怎么用。直接开发者模式（Ueditor）结果出现如下图的错误： 真心无语了，或许是自己太水了吧，不过这个编辑器界面也是奇丑呀，不用也罢了。之后在网上找到了另外一个编辑器，感觉配置起来，和使用都挺不错的。 下载网址：传送门 这个编辑器的使用方法如下
Simditor的使用
tammy_bi的专栏
05-05 8565
序其实，simditor真的是很好用的，只需要简单的配置就可以用的，只是初步接触到它的时候，不知道原理，然后内心又存在着对未知事物的“恐惧”，所以在使用的过程中还是纠结了一段时间的。编辑文章simditor的官方网址为http://simditor.tower.im/ 上面有它的一些使用帮助。但是，我在使用的过程中，发现很多问题写的不是很清晰，需要自己去摸索和实验。下载simditor 并使用首先
Django前后端分离之域名配置
qq_38521321的博客
09-19 3146
编辑文件  sudo vim /etc/hosts 将两个域名添加到文件中 127.0.0.1 api.xxxx.site 127.0.0.1 www.xxxx2.site  前端xxxx/js目录中，创建host.js文件用以为前端保存后端域名 var host = 'http://api.xxxx.site:8000'; 在所有需要访问后端接口的前端页面中都引入hos...
Django2.0整合markdown编辑器并实现代码高亮（解决在前端显示的换行问题）
Duke10的博客
07-13 1万+
测试成功环境： python：3.5.4 os：Deepin 15.5 Django：2.0 IDE：pycharm Django整合django-mdeditor 注：博主再写个人博客时，找了好久的编辑器，tinymce丑的一批，DjangoUeditor我没有做出来实时预览的效果，只有这个看着比较好，一是有普通编辑器具备的大部分功能，二是属于主流的markdown语法，比较适合...
CSS改变simditor代码区间的默认显示样式和自动换行
java_qq_99811494的网络笔记
03-24 860
原文：http://vtuce.cn/p/8.html这是原始不加任何样式显示效果：非常难看，因此，需要添加css如下：pre{ font-family: 'monaco', 'Consolas', "Liberation Mono", Courier, monospace; font-size: 13px; line-height: 18px; backgroun...
Simditor使用方法
热门推荐
itmyhome的专栏
10-27 1万+
一不小心接触到Simditor,瞬间被它优美极简的界面所吸引。Simditor是Tower开源的所见即所得的在线富文本编辑器。Simditor的理念是保持简单,避免过度的功能,每一个特性都追求极致的用户体验。使用方法1、在你的html页面中引用如下文件
简单好用的文本编辑器《Simditor》插件快速入门实例
Creabine的博客
07-07 8749
项目需要文本编辑器，我在网上找到了Simditor这个插件，感觉简单好用，在这里记录一下，也推荐给更多的人。Simditor能做什么简单来说，Simditor能够将web页面中的textarea文本域变成一个简单的富文本编辑器。能够实现常用的加粗加斜下划线，标题表格字体颜色等功能，并且输出所见即所得的html代码。Simditor如何使用可以在Simditor的官网查看demo，文档和github下
Django错误
LinusYu的专栏
06-03 700
Django错误 错误记录 今天新启动一个Django工程，出现了以下错误，因为错误的原因不好排查，并且错误原因很低级，在此记录一下。 1、首先创建一个Django工程： django-admin startproject antiPost 创建后工程目录结构如下所示（使用tree -L 2命令查看）： tree -L 2 -I "__pycache__|.idea" . ├── antiPos...
Django-Simditor：打造富文本编辑功能
描述部分开始于“django-simditor”项目的安装说明，接着指导如何将simditor集成到Django项目中，并提供了一个模型示例，展示如何在Django模型中使用Simditor的`RichTextField`字段。此外，还提及了关于表情符号和...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值