Question

我在我的角度项目中使用CKEditor 5创建电子邮件模板。电子邮件模板的创建工作正常，内容已存储到数据库中。

在CKEditor 5中，为了正确显示内容，我们必须在模板的容器div上使用javascript文件和ck-container类。但是，当我们以电子邮件形式发送内容时，js文件将不会执行。那么如何设置CKEditor中显示的电子邮件内容的样式？

例如，在浏览器中打开时，以下代码将具有正确的样式。但这在电子邮件中不起作用。

<!DOCTYPE html>
<html>

    <head>
        <meta charset="utf-8">
        <title>CKEditor</title>
        <script src="https://cdn.ckeditor.com/ckeditor5/12.0.0/decoupled-document/ckeditor.js"></script>
    </head>

    <body>
        <div id="content" class="ck-content">
            <h2><span style="font-family:'Times New Roman', Times, serif;">user has been deleted</span></h2>
            <p><span style="font-family:'Times New Roman', Times, serif;"><mark class="pen-green">The user
                        {user_username} has been deleted.</mark></span></p>
            <p>&nbsp;</p>
            <p style="text-align:right;"><span style="font-family:'Times New Roman', Times, serif;">Thanks</span></p>
            <figure class="image image-style-align-right"><img src="https://moplet.com/assets/images/top_logo.png"></figure>
        </div>
    </body>

</html>

因此，我可以在此代码中包含css样式而不是该js文件了。

如何设置电子邮件中ckeditor 5内容的样式

0 个答案: