Jodit WYSIWYG 编辑器使用教程

最新推荐文章于 2025-05-07 11:46:12 发布

薛锨宾

最新推荐文章于 2025-05-07 11:46:12 发布

阅读量512

点赞数 5

CC 4.0 BY-SA版权

本文链接：https://blog.youkuaiyun.com/gitblog_00960/article/details/141081111

Jodit WYSIWYG 编辑器使用教程

joditJodit - Best WYSIWYG Editor for You项目地址:https://gitcode.com/gh_mirrors/jo/jodit

项目介绍

Jodit 是一个用纯 TypeScript 编写的开源 WYSIWYG（所见即所得）编辑器，不依赖于其他库。它提供了丰富的功能，包括文件编辑和图像编辑。Jodit 支持多种浏览器，包括 Internet Explorer 11、最新版本的 Chrome、Firefox、Safari 和 Microsoft Edge。该项目遵循 MIT 许可证。

项目快速启动

安装 Jodit

你可以通过 npm 安装 Jodit：

npm install jodit

基本使用

以下是一个简单的示例，展示如何在 HTML 页面中使用 Jodit 编辑器：

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Jodit Example</title>
    <link rel="stylesheet" href="node_modules/jodit/build/jodit.min.css">
    <script src="node_modules/jodit/build/jodit.min.js"></script>
</head>
<body>
    <textarea id="editor"></textarea>
    <script>
        const editor = new Jodit('#editor', {
            uploader: {
                url: 'http://localhost:8181/index-test.php?action=fileUpload'
            },
            filebrowser: {
                ajax: {
                    url: 'http://localhost:8181/index-test.php'
                }
            }
        });
    </script>
</body>
</html>