Easy Redmine 的文本格式转换 - 从 Textile 到 Html

简介: 本文介绍在 Easy Redmine 中如何将文本格式从 Textile 转换为 Html, 使用流行的富文本编辑器编辑修改项目描述、任务描述等信息。

目前 Redmine 支持的文本格式有 Textile 和 Markdown, 然而两种格式在编辑时都不支持所见即所得,与主流的所见即所得富文本编辑器相比,客户体验较差。而且在 Redmine 中,虽然可以设置选择 Textile 或 Markdown, 但在整个系统中只能选择一种文本格式,且没有两种格式相互转换的功能。这样对于一直使用 Textile 格式的 Redmine 用户,如果要转为更为流行的 Markdown 格式,就意味着原来的数据将出现格式显示混乱。

Easy Redmine 在可用性、界面美观等方面有很大改进。新安装的 Easy Redmine 默认的文本格式是 Html, 使用 CKEditor 进行文本编辑。如果是从 Redmine 升级到 Easy Redmine, 原有文本格式设置和文本数据不变,但 Easy Redmine 提供后台命令将现有文本数据从 Textile 转换为 Html 格式存储,这样管理员可以方便地将文本格式设置为 Html, 而不会影响现有数据的展示。

本文介绍如何在 Easy Redmine 中将文本格式从 Textile 转换为 Html。

文本格式设置的修改

文本格式设置的修改位置在“管理” » “设置” » “一般”标签页中,如图 1 所示,将文本格式从 Textile 修改为 Html, 然后保存即可。

image

图 1. 文本格式设置的修改

在文本格式设置下可以看到从 Textile 迁移到 Html 需要在后台运行的命令。

如果有需要迁移的数据,在后台 Easy Redmine 安装目录下,复制并执行网页上看到的命令即可。

bundle exec rake easyproject:textile:migrate_all RAILS_ENV=production

文本格式修改前后的对比

图 2 是修改文本格式设置之前的 Textile 文本编辑器的样例。由图 2 可见, Textile 格式简单,但给用户的选择少,而且用户要了解一些基础的 Textile 语法才能知道完成编辑后显示的效果,一不小心删除某个控制格式的符号,显示结果就完全变了。

image

图 2. Textile 文本编辑器

图 3 是 Html 编辑器的样例,编辑的内容是从 Easy Redmine 官网首页上复制的一段 Html 源码(将图片的相对路径改成了绝对路径)。由图 3 可见, Html 文本编辑器可以显示的格式非常丰富,而且既可以所见即所得的方式编辑,又可复制修改 Html 源码。

image

图 3. Html 编辑器

CKEditor 对图片和表格的支持也很好,甚至还可直接从 Word 中复制内容,即使不懂 Html 语法,也能快速完成复杂显示内容的编辑。

从图 4 可以看出,插入图像支持 URL 或是上传文件。建议尽量选择使用 URL 展示图像,因为上传图像文件后是转换成 base64 保存的,如果图像文件比较大,将占用较大的数据库存储空间,影响系统性能。

image

图 4. 插入图像

图像可以进一步设置显示大小、位置、边框等格式,如图 5 所示。

image

图 5. 修改图像高级属性

插入表格也非常方便,由图 6 可见,输入基本的行数和列数,以及可选的显示大小、边距、框线、对齐方式等,点击“确定”即可。

image

图 6. 插入表格

在插入图像或表格后,也可点击鼠标右键修改图像或表格属性,或者插入删除行、列或单元格,如同使用 Word 这样的文本编辑器一样方便。

结论

各种文本格式都有其优缺点。Textile 或 Markdown 的优点是简单,存储占用空间小,但显示样式不够丰富,对不熟悉的用户来说容易出错。Html 的优点是更加易用,显示样式丰富,支持所见即所得。

目前很多网站都支持富文本编辑器,您会因为文本格式升级您的 Redmine 吗?

访问 Easy Redmine 可了解在 Redmine 的基础上还可实现的更多功能。

相关文章
|
1月前
|
XML JavaScript 前端开发
如何解析一个 HTML 文本
【10月更文挑战第23天】在实际应用中,根据具体的需求和场景,我们可以灵活选择解析方法,并结合其他相关技术来实现高效、准确的 HTML 解析。随着网页技术的不断发展,解析 HTML 文本的方法也在不断更新和完善,
|
2月前
|
Java BI API
spring boot 整合 itextpdf 导出 PDF,写入大文本,写入HTML代码,分析当下导出PDF的几个工具
这篇文章介绍了如何在Spring Boot项目中整合iTextPDF库来导出PDF文件,包括写入大文本和HTML代码,并分析了几种常用的Java PDF导出工具。
538 0
spring boot 整合 itextpdf 导出 PDF,写入大文本,写入HTML代码,分析当下导出PDF的几个工具
|
3月前
|
XML 数据格式 Python
Python技巧:将HTML实体代码转换为文本的方法
在选择方法时,考虑到实际的应用场景和需求是很重要的。通常,使用标准库的 `html`模块就足以满足大多数基本需求。对于复杂的HTML文档处理,则可能需要 `BeautifulSoup`。而在特殊场合,或者为了最大限度的控制和定制化,可以考虑正则表达式。
86 12
|
3月前
|
搜索推荐 索引 SEO
HTML 文本格式化对于搜索引擎优化(SEO)
HTML文本格式化是搜索引擎优化(SEO)的关键,合理的格式化有助于搜索引擎理解网页内容,提升排名。主要技巧包括:使用正确的标题标签、组织段落和列表、自然融入关键词、优化图像及链接,并使用语义化标签和Meta标签。遵循这些最佳实践,可以显著提高SEO效果,吸引更多访客。
|
3月前
|
前端开发
在 HTML canvas 绘制文本
在 HTML canvas 绘制文本
21 0
|
5月前
|
自然语言处理 开发者 Python
Markdown 是一种轻量级标记语言,它允许人们使用易读易写的纯文本格式编写文档,然后转换成格式丰富的 HTML 内容。Markdown 的语法简洁明了、学习容易,而且功能比纯文本更强。
Markdown 是一种轻量级标记语言,它允许人们使用易读易写的纯文本格式编写文档,然后转换成格式丰富的 HTML 内容。Markdown 的语法简洁明了、学习容易,而且功能比纯文本更强。
|
5月前
|
JSON JavaScript 数据格式
文本-----wangEditor的使用,设置和获取内容,展示HTML无样式怎么办????console同步展示怎样写,Vue的配置在Vue3配置文件中的配置,是editor中的v-model绑定的值
文本-----wangEditor的使用,设置和获取内容,展示HTML无样式怎么办????console同步展示怎样写,Vue的配置在Vue3配置文件中的配置,是editor中的v-model绑定的值
|
5月前
|
前端开发 JavaScript
文本,wangEditor5展示HTML无样式,wangEditor5如何看源码,Ctrl + U看CSS文件,代码高亮,Prism.js可以实现,解决方法,参考网页源代码的写法
文本,wangEditor5展示HTML无样式,wangEditor5如何看源码,Ctrl + U看CSS文件,代码高亮,Prism.js可以实现,解决方法,参考网页源代码的写法
|
6月前
|
前端开发
超文本标记语言(HTML)简介
超文本标记语言(HTML)简介
|
6月前
|
算法 前端开发 JavaScript
HTML中的文本标签:微观排版的艺术
HTML中的文本标签:微观排版的艺术