html 代码

<!DOCTYPE html>
<html>
<head><meta charset="utf-8"><title>Layui</title><meta name="renderer" content="webkit"><meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"><meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1"><link rel="stylesheet" href="./layui/dist/css/layui.css"  media="all"><!-- 注意:如果你直接复制所有代码到本地,上述css路径需要改成你本地的 -->
</head>
<body><fieldset class="layui-elem-field layui-field-title" style="margin-top: 50px;"><legend>完整功能(没错,目前工具栏只有这么多)</legend>
</fieldset><textarea class="layui-textarea" id="LAY_demo1" style="display: none">把编辑器的初始内容放在这textarea即可
</textarea><div class="site-demo-button" style="margin-top: 20px;"><button class="layui-btn site-demo-layedit" data-type="content">获取编辑器内容</button><button class="layui-btn site-demo-layedit" data-type="text">获取编辑器纯文本内容</button><button class="layui-btn site-demo-layedit" data-type="selection">获取编辑器选中内容</button>
</div><fieldset class="layui-elem-field layui-field-title" style="margin-top: 50px;"><legend>自定义工具栏</legend>
</fieldset><div style="margin-bottom: 20px; width: 500px;"><textarea class="layui-textarea" id="LAY_demo2" style="display: none"></textarea>
</div><script src="./layui/dist/layui.js" charset="utf-8"></script>
<!-- 注意:如果你直接复制所有代码到本地,上述js路径需要改成你本地的 -->
<script>layui.use('layedit', function(){var layedit = layui.layedit,$ = layui.jquery;//构建一个默认的编辑器var index = layedit.build('LAY_demo1');//编辑器外部操作var active = {content: function(){console.log(layedit.getContent(index)); //获取编辑器内容},text: function(){alert(layedit.getText(index)); //获取编辑器纯文本内容},selection: function(){alert(layedit.getSelection(index));}};$('.site-demo-layedit').on('click', function(){var type = $(this).data('type');active[type] ? active[type].call(this) : '';});//自定义工具栏layedit.build('LAY_demo2', {tool: ['face', 'link', 'unlink', '|', 'left', 'center', 'right'],height: 100})});
</script></body>
</html>

引入js和css文件

https://github.com/sentsin/layui

本地即可运行  加油

普通文本格式转html相关推荐

  1. python二进制打开(rb)和文本格式打开(r)什么区别?

    使用 open() 函数以文本格式打开文件和以二进制格式打开文件,唯一的区别是对文件中换行符的处理不同. 在 Windows 系统中,文件中用 "\r\n" 作为行末标识符(即换行 ...

  2. io python 读取pdf_实用又好用,6 款 Python 特殊文本格式处理库推荐

    以下是一些 Python 编写的用来解析和操作特殊文本格式的库,希望对大家有所帮助. 01.Tablib https://www.oschina.net/p/Tablib Tablib 是一个用来处理 ...

  3. WebAssembly:面向Web的通用二进制和文本格式

    Mozilla.谷歌.微软和苹果已经决定开发一种面向Web的二进制格式.该格式名为WebAssembly,可以作为任何编程语言的编译目标,使应用程序可以运行在浏览器或其它代理中. \\ 几年前,我们在 ...

  4. 雅客EXCEL(2)-数据、文本格式

    0.引言 本目录是高价购买EXCEL课程的听课笔记,EXCEL很影响办公效率,所以特设此栏,课程总共有36讲,我会记录有用的浓缩出来,只记录有用的.有的东西暂时记下,作用不大,需要时候再去查即可.需要 ...

  5. python处理文本格式_python linecache 处理固定格式文本数据的方法

    小程序大功能 对一批报文要处理要处理里面的得分,发现python linecache ,特记录如下. #!/usr/bin/env python # -*- coding: utf-8 -*- ''' ...

  6. ASP.NET 动态输出Javascript 文本格式换行问题 [ASP.NET | C# | Response]

    一.普通输出问题分析.测试 1.     我们先来看一段代码:     /// <summary>     /// 连接接数据库     /// </summary>      ...

  7. 【转】文本格式导入物料凭证模板

    用制表符分割的文本格式导入物料凭证的例程. 使用BAPI:BAPI_GOODSMVT_CREATE,可以根据指定的字段分组以决定哪些行创建为同一张凭证.创建完毕可以把已成功的行或者未成功的行下载下来.

  8. 特别实用的 6 款 Python 特殊文本格式处理库推荐

    以下是一些 Python 编写的用来解析和操作特殊文本格式的库,希望对大家有所帮助. 01.Tablib https://www.oschina.net/p/Tablib Tablib 是一个用来处理 ...

  9. setcellvalue 格式_POI对EXCEL的操作【重点:如何设置CELL格式为文本格式】

    实际开发过程中通常用到的就是从数据库导出EXCEL表格了,JXL可以这样做,其实POI也可以(关于JXL与POI的异同可访问我之前总结的文章),之前写过POI对七种文档(当然也包括EXCEL)的内容读 ...

  10. java校验文件格式_Java 判断文件是否为文本格式,并获取文件编码格式,读取内容!...

    我们经常会遇到读取文件内容的情况,就需要判断文件是否为文本文件,及文件编码格式,防止无法读取内容或乱码出现情况. 根据文件扩展名判定不太准确,可能会遇到未知扩展名或被修改了扩展名,下面的测试类使用文件 ...

最新文章

  1. blockingqueue java_记录 Java 的 BlockingQueue 中的一些坑
  2. (数据结构与算法)单链表与双链表增删改查的实现。
  3. 中业科技机器人价格_2019年年中盘点:智能扫地机器人十大畅销品牌排名
  4. java-接口与多态-
  5. Google 的PageRank值对网站成功有多重要
  6. MySQL 之 约束 (主键、唯一、非空、自增、外键)
  7. 清除float浮动的几种方法
  8. 关于最近开发小程序中踩过的那些坑
  9. 大数据数学基础 python描述下载_正版 大数据数学基础(Python语言描述)Python 大数据 数学 高职-计算机-大数据技术...
  10. printf格式控制符的完整格式(转载)
  11. rbac 一个用户对应多个账号_SaaS产品用户权限管理-RBAC
  12. 一份优秀的大数据开发简历是怎么样的?
  13. Emoji's World, 一起实现Emoji
  14. [NOIP2007]矩阵取数游戏(详细题解、含多种思路)
  15. 参考文献格式字号字体_论文字体字号格式要求是什么?
  16. Nrf51xxx Bluetooth Related
  17. 【计算机导论调研报告】计算机从业人员的职业道德
  18. Elasticsearch:运用 Go 语言实现 Elasticsearch 搜索
  19. js实现在页面实时显示时间,一个按钮控制时间暂停和开始
  20. OpenStack部署(二)keystone

热门文章

  1. OpenCV+Mediapipe+UDP+Unity挥手电子书翻页
  2. 「PS-CC2019新版教程」仿制图章工具,仿造一个你
  3. 有宝妈在家赚钱的兼职副业吗?
  4. 光纤光缆纵览——国内外
  5. 什么是产品思维?优秀产品经理应该培养的九大思维
  6. 单田芳评书口头语全集
  7. SEERC 2008 Problem A Stock Exchange
  8. 「计算机控制系统」3. 计算机控制系统的数学描述
  9. 传销——别在我跟前买阔
  10. 小case:轻松解决企业建站的五大基础问题