ESON

Daily Notes

0%

经典的web编辑器--CKEditor

发表于 分类于 ， ， ，
本文字数： 713 阅读时长 ≈ 1 分钟

快速搭建CKEditor

CKEditor CDN

1
2
3
4
5
6
7
8
9
10
11
12
13
14
<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>CKEditor</title>
		<script src="https://cdn.ckeditor.com/4.8.0/standard/ckeditor.js"></script>
	</head>
	<body>
		<textarea name="editor1"></textarea>
		<script>
			CKEDITOR.replace( 'editor1' );
		</script>
	</body>
</html>

保存为html，双击打开即可。
Online Demo

源码

https://github.com/ckeditor/ckeditor-dev

CKFinder

没有CKFinder，CKEditor作为一个编辑器，也是可以正常使用的，但是无法在编辑器里浏览服务器上的用户上传文件。所以要整合CKFinder。

需要后台服务器。(用于文件上传、存储)。支持java php .net等语言

其他编辑器

  • Tinymce
  • 为知笔记也不错，但不开源

参考

https://www.ibm.com/developerworks/cn/web/1012_moying_ckeditor/index.html