首页 > 解决方案 > 如何使用谷歌脚本在 HTML 中包含所见即所得的文本编辑器

问题描述

这只是一个简单的 html 页面,我只需要一个所见即所得的文本编辑器,这样管理员就可以在网站上简单地添加内容。

我尝试使用谷歌脚本在我的网页中包含一个所见即所得的文本编辑器,但是,当我尝试运行它时,它会显示一个文本区域,它不包含编辑工具/图标。

这是我尝试过的代码:

<!DOCTYPE html>
<html>

<head>
    <meta charset="utf-8">
    <meta name="robots" content="noindex, nofollow">
    <title>Classic editor with default styles</title>
    <script src="http://cdn.ckeditor.com/4.6.2/standard-all/ckeditor.js"></script>
</head>

<body>

    <textarea cols="80" id="editor1" name="editor1" rows="10" >
    </textarea>

    <script>
        CKEDITOR.replace( 'editor1', {
            height: 260,
            width: 700,
        } );
    </script>
</body>

</html>

输出应该是这样的:

图片

但是,当我尝试使用 google 脚本运行它时,输出如下:

图片

标签: google-apps-scriptweb-applications

解决方案


如此处所写,

脚本、外部样式表和 XmlHttpRequest 等“活动”内容必须通过 HTTPS 而不是 HTTP 加载。


推荐阅读