javascript - 如何在 CKEDITOR 的数据库中保存图像源时使用绝对 URL

Question

我正在使用 CKEDITOR 创建时事通讯。一切顺利，但当我将时事通讯发送到电子邮件时，存储在那里的图像没有显示。该问题是由 CKEDITOR 使用图像源的相对路径引起的，例如<img src='/newsletter_images/news1/img1.jpg'> .

我希望 CKEDITOR 使用绝对 URL，例如:

<img src='http://www.mydomain.com/newsletter_images/news1/img1.jpg' />

我尝试的初始化如下:

<script type="text/javascript">
    $(document).ready(function() {
        $('#editor1').ckeditor({ baseHref: "http://www.google.com/" });
    });
</script>

但没用。

在我发现使用 baseUrl 的一些帖子中和 baseDir可以解决问题。我试过这个:

 $('#editor1').ckeditor({
                   baseHref: "http://www.mydomain.com/",
                   baseUrl: "http://www.mydomain.com/newsletter/",
                   baseDir: "/newsletter/"
 });

但这也不起作用。

Answer 1

我认为问题与 ckeditor 主要用于基于网页的使用的想法有关。当您通过电子邮件发送所有这些内容时，我认为 ckeditor 不再为您跟踪那个 baseHref。

如果您找到一种方法，可以在发送电子邮件之前将 baseHref 添加到每个链接(使用您可能使用的任何服务器端语言)，最终结果可能是你想要的。

像这样的东西(伪代码):

// get ckeditor text
// find/replace <a href=""></a> links with baseHref + link
// mail result