KindEditor富文本编辑器【图片、视频等功能的富文本编辑器】

官方下载地址：http://kindeditor.net/demo.php

下载插件：

简单模式、默认模式富文本编辑器：

默认模式html页面：

<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><title>Title</title><script type="text/javascript" src="http://libs.baidu.com/jquery/1.9.1/jquery.min.js "></script><script charset="utf-8" src="kindeditor/kindeditor-all-min.js"></script><script charset="utf-8" src="kindeditor/lang/zh-CN.js"></script><script>var editor;KindEditor.ready(function(K) {editor = K.create('textarea[name="content"]');});</script>
</head>
<body>
<h3>默认模式</h3>
<textarea id="seditor" name="content" style="width: 800px; height: 400px; visibility: hidden;">KindEditor</textarea>
<input value="点击获取编辑器的内容" onclick="getContent()" type="button">
<h3>展示区</h3>
<div id="show" style="border:1px solid red;width:600px;height:500px;word-break:break-all;"></div><script type="text/javascript">function getContent(){editor.sync();alert($('#seditor').val());$('#show').html($('#seditor').val());}
</script></body>
</html>

效果：

KindEditor富文本编辑器【图片、视频等功能的富文本编辑器】相关推荐

summernote富文本实现图片上移下移功能
summernote富文本实现图片上移下移功能前言: 自己写了一套商品管理系统,商品的详情页维护是使用的summernote富文本.因为在CSDN上使用这个富文本看着还行,没想到自己使用起来太坑了, ...
小程序展示后台编辑好的富文本[文字图片视频等]
小程序在开发的过程中都会遇到小程序官方给了富文本编辑器editor组件,但是只能在小程序端编辑,然后保存到后台的数据库中,但是一般都是网站后台编辑好,然后在小程序端展示后台编辑好的富文本信息.这样就可 ...
php简介的编辑器,推荐几款功能强大的PHP编辑器
这里介绍了一些 PHP IDE 工具,非常见的 Editplus 之类的,都是专门为 PHP 开发的,有兴趣都可以试试看,找出自己用得顺手的就可以了,我推荐3个Zend Studio,DzSoft P ...
编辑器图片上传 linux,summernote 富文本编辑器上传本地图片
jQuery version: 1.12.4 Bootstrap version: 3.3.7 summernote 是基于jQuery 和 Bootstrap 的轻量级富文本编辑器所以在使用sum ...
html文本与图片,网页设计与制作2-HTML文本与图片.ppt
网页设计与制作 2 HTML-文本与图片 3.1.1 HTML基础 HTML是一种网页编辑语言 HyperText Mark-up Language 是标示语言不是程序语言例如C,JAVA 现行版本 ...
php在线编辑器_8款功能强大的Java编辑器，建议收藏！「渡一教育」
作为一名合格的程序员,每天打交道最多的除了手机,恐怕就是编辑器了,需要花费大量的时间投身于代码的海洋中,使用各种不同的IDE来开发代码. 对于程序员们来说,一款好用的编辑器,需要像自己的左右手一样.一 ...
ckfinder php 配置,PHP中Ckeditor+Ckfinder配置图片上传功能_PHP教程
从标题来看我们知道Ckeditor不支持图片上传功能,它是需要一个组件Ckfinder才可以支持上传图片, 本文章就来详细的介绍了如何配置Ckeditor+Ckfinder实现图片上传的功能. 第一: ...
txt 文本转图片，txt文本缩略图
一.目的之前一篇文章说了从视频中截取一帧,这样的方案可以用作视频缩略图的方案点击打开(视频取帧).后来想到其他文件类型是否也可以做成缩略图的方式供用户预览,比如txt.doc.excel.ppt. ...
springboot项目整合百度AI内容审核(文本，图片)
毕设项目做得差不多了,但功能上基本都是本地完成的,除了有一个支付功能以及图片上传的优化,其他貌似没有用到云的东西,显得过于单调,由于是社区型项目,用户发送文本以及上传图片的频率是十分高的,于是就打算利 ...

KindEditor富文本编辑器【图片、视频等功能的富文本编辑器】

KindEditor富文本编辑器【图片、视频等功能的富文本编辑器】相关推荐

最新文章

热门文章