谁会将富文本编辑器代码插入到html页面中

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了谁会将富文本编辑器代码插入到html页面中相关的知识,希望对你有一定的参考价值。

参考技术A <!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1" />
<title>在页面中添加一个富文本编辑器kindeditor</title>
<!--start kindeditor-->
<style>
form
margin: 0;

textarea
display: block;

</style>
<!--引用路径正确与否决定kindeditor是否被成功引用-->
<link rel="stylesheet" href="kindeditor/themes/default/default.css"/>
<script charset="utf-8" src="kindeditor/kindeditor.js"></script>
<script charset="utf-8" src="kindeditor/lang/zh_CN.js"></script>
<script>
KindEditor.ready(function(K)
window.editor = K.create('#editor_id');
);
</script>
<!--end kindeditor-->
</head>
<body class="">
<div><h>回复话题</h></div>
<div>
<form action="" method="post">
<!--编辑器editor 这个id="editor_id"是上面KindEditor.ready(function(K));函数创建一个
文本编辑框来替换textarea需要用到的id-->
<textarea id="editor_id" name="content" style="width:700px;height:300px;">
<strong>HTML内容</strong></textarea>
<div>
<button type="submit">发表</button>
<button type="reset">取消</button>
</div>
</form>
</div>
</body>
</html>

备注:这里需要引用kindeditor包,这个包可以在kindeditor的官网下载,官网上有本回答被提问者采纳

无法使用 java 邮件将富文本内容类型的邮件发送到 Outlook

【中文标题】无法使用 java 邮件将富文本内容类型的邮件发送到 Outlook【英文标题】:Unable to send richtext content type mail to outlook using java mail 【发布时间】:2016-04-11 23:08:07 【问题描述】:

我正在使用 java 邮件 api 向 Outlook 发送邮件。我可以发送纯文本和 html 内容邮件,但是当我将内容类型设置为 text/richtext 但我只接收纯文本邮件。

任何机构都可以建议如何发送富文本邮件吗?这是我尝试过的:

// the parent or main part if you will
Multipart mainMultipart = new MimeMultipart("related");

// this will hold text and html and tells the client there are 2 versions of the message (html and text). presumably text
// being the alternative to html
Multipart htmlAndTextMultipart = new MimeMultipart("alternative");

// set html
MimeBodyPart htmlBodyPart = new MimeBodyPart();
htmlBodyPart.setContent("Hi", "text/richtext");
htmlAndTextMultipart.addBodyPart(htmlBodyPart);

MimeBodyPart htmlAndTextBodyPart = new MimeBodyPart();
htmlAndTextBodyPart.setContent(htmlAndTextMultipart);
mainMultipart.addBodyPart(htmlAndTextBodyPart);

message.setContent(mainMultipart);

【问题讨论】:

如果您添加一些富文本格式会有所帮助 - 否则差异不存在。 是的,但是 Outlook 在邮件顶部显示内容类型。因此我们可以轻松识别内容类型。 您的文本纯文本。你看过outlook中的标题吗? 我的意思是,如果我将内容类型作为富文本发送,无论我发送什么,Outlook 都应该在邮件顶部的括号中显示内容类型富文本,例如 Message-(Rich text) 检查标题。您的客户如何展示是完全不同的故事 【参考方案1】:

您可能对text/richtext 和text/rtf 感到困惑

这是两种不同的格式,与 HTML 无关。

【讨论】:

我都试过了,但是outlook没有显示富文本【参考方案2】:

首先 - 尝试将富文本添加为​​内容,而不是纯文本:

\rtf1\ansi\deff0 \fonttbl \f0 Courier;
\colortbl;\red0\green0\blue0;\red255\green0\blue0;
This line is the default color\line
\cf2
\tab This line is red and has a tab before it\line
\cf1
\page This line is the default color and the first line on page 2

在代码中可能看起来像

htmlBodyPart.setContent("\\rtf1\\ansi\\deff0 \\fonttbl \\f0 Courier;\r\n" +
"\\colortbl;\\red0\\green0\\blue0;\\red255\\green0\\blue0;\r\n" +
"This line is the default color\\line\r\n" +
"\\cf2\r\n" +
"\\tab This line is red and has a tab before it\\line\r\n" +
"\\cf1\r\n" +
"\\page This line is the default color and the first line on page 2\r\n" +
"", "text/richtext");

那么您可能想要考虑实际提供替代文本 - 这样您就可以有两个不同的版本。

最后,使用允许您查看收到消息的 MIME 源的电子邮件客户端很有帮助 - 就像 Mozilla Thunderbird 所做的那样。

【讨论】:

我需要复制并粘贴到内容中吗? 我已经在上面尝试过,也以富文本为例,但它按原样发送,在标题中显示多部分/相关,在邮件顶部显示纯文本 我找到了这个***.com/questions/2109563/…,但是如何创建winmail.dat 或tnef 请您指导一下。

以上是关于谁会将富文本编辑器代码插入到html页面中的主要内容,如果未能解决你的问题,请参考以下文章

Qt中富文本处理

微信原生小程序中富文本组件(rich-text)如何实现图片预览(wx.previewImage)?

django中富文本编辑器KindEditor的基本使用

php 将富文本编辑后的内容转义为不带HTML标签的字符

使用ivx中富文本组件的经验总结

Vue中富文本编辑器的使用