文本编辑器

小博老师解析Java核心技术 ——KindEditor文本编辑器使用

时光怂恿深爱的人放手 提交于 2020-03-18 18:04:42
3 月,跳不动了?>>> [引言] 我们在制作Java Web项目的时候,经常会需要用户输入并提交内容复杂的信息,比如文字、图片、表格、样式混排的数据信息,这样简单的文本域控件<textarea></textarea>就难以满足我们的需求了,此时我们则需要使用一些“富文本”编辑器了。文本小博老师就为大家介绍一款非常简单易学,却又功能强大的文本编辑器——KindEditor。 [步骤阅读一] 文本编辑器 原理 其实文本编辑器的原理非常容易理解,它通过Javascript封装了很多现成的功能,将用户控件分为“显示面板”和“代码面板”,用户在显示面板中输入内容,并且可以通过现成的各类按钮实现在文本内嵌入字体样式、编辑表格、表单控件甚至上传图片的功能。而此时代码面板中则通过Javascript,将显示面板中的效果自动转化成了HTML代码,并且对于用户隐藏了起来,当用户编辑完成后,表单真正提交的,则是代码面板中的HTML代码。 [步骤阅读二]文本编辑器使用 第一步:在 KindEditor 官网下载并解压缩文件夹,并且把解压缩的文件夹复制到项目中。 第二步:引入文件夹中kindeditor/jsp/lib/路径下的jar文件。 第三步:在您需要添加文本编辑器的页面中,导入css和javascript文件,如下: <link rel="stylesheet" href="kindeditor

KindEditor的安装和使用

无人久伴 提交于 2019-12-05 05:53:23
KindEditor的安装和使用 因为想要做一个可以发表格式化文章的网站,所以我需要一个网页版的所见即所得的文本编辑器。而KindEditor就是这么一个开源的文本编辑器。 这篇文章也是我大概接触了KindEditor并用它做了一点点东西后总结出来的一点心得,当然,想要全面的介绍,或详细的文档,还是要去官方吧(http://kindeditor.net/)。因为是国产软件(应该是国产的吧?),所以官网是中文的,蛮好的。 貌似Google一下KindEditor,则可以找到各种语言的安装方法,Java也好PHP也好很多的。所以我不想介绍特定语言的安装方法,因为我觉得KindEditor只是个前端的文本编辑器,为什么要和后台所用的语言扯上关系呢?例如Java语言的安装会告诉你把这几个jar包装好,你要不用Java,这种安装方法毫无意义。比如我做KindEditor的时候用的就是Ruby on Rails,翻了翻好像没有特别针对Ruby on Rails的安装方法。 于是就写一个通用安装方法吧,只要是Web项目都可以这么搞。 KindEditor的编辑区是以一个textarea为原型,因此,最后变成html应该大概是个这样子。 <textarea id="editor_id" name="content" style="width:700px;height:300px;"> 内容 <

使用文本编辑器Notepad++进行高效工作实例演示

房东的猫 提交于 2019-12-01 01:15:59
在上一篇文章《每个电脑工作者都应该准备个趁手的文本编辑器》中我推荐大家要为自己准备一个趁手的文本编辑器,并且介绍了文本编辑器能为我们的高效工作带来什么样的好处,今天我就以Notepad++为例,用实例演示的方式介绍文本编辑器是如何提高工作效率的! 注1、本文中使用的GIF录制工具叫 ScreenToGif,大家需要的话可以一试,这里附上官方地址: http://screentogif.codeplex.com/ 注2、Notepad++是我常用的免费的文本编辑器,如果你也喜欢,这里附上官方地址: https://notepad-plus-plus.org/ 实例一:基本功能查找替换——想把通讯录的邮箱地址里的sina.com.cn都统一换成sina.com 快捷键Ctrl+F,打开查找替换窗口 确认替换的内容:点击标记,输入sina.com.cn,点击查找全部,就会把想替换的东西字符串全部标记上颜色 切换到替换标签,在替换为里输入:sina.com 点击全部替换,就完成了! 大席的博客-继续阅读>> 来源: oschina 链接: https://my.oschina.net/u/52437/blog/519761

[Linux学习笔记] Linux文本编辑器Vim/Vi

大憨熊 提交于 2019-11-27 19:45:48
文本编辑器Vim: Vim/Vi是一个功能强大的全屏幕文本编辑器,是Linux/UNIX上最常用的文本编辑器. 它的作用是建立、编辑、显示文本文件. Vim/Vi没有菜单,只有命令. 插入命令 命令 作用 a 在光标后附加文本 A 在本行行末附加文本 i 在光标前插入文本 I 在本行开始插入文本 o 在光标下插入新行 O 在光标上插入新行 定位命令 命令 作用 h 方向左键. 左移一个字符 j 方向下键. 下移一行 k 方向上键. 上移一行 l 方向右键. 右移一个字符 $ 移至行尾 0 移至行首 H 移至屏幕上端 M 移至屏幕中央 L 移至屏幕下端 : set nu 设置行号 : set nonu 取消行号 gg 到第一个行 G 到最后一行 nG 到第n行 : n 到第n行 删除命令 命令 作用 x 删除光标所在处字符 nx 删除光标所在处后n个字符 dd 删除光标所在行,ndd删除n行 dG 删除光标所在行到末尾的内容 D 删除从光标所在处到行尾 :n1, n2d 删除指定范围的行 复制和剪切命令 命令 作用 yy、Y 复制当前行 nyy、nY 复制当前行以下n行 dd 剪切当前行 ndd 剪切当前行以下n行 p、P 粘贴在当前光标坐在行下或行上 替换和取消命令 命令 作用 r 取代光标所在处字符 R 从光标所在处开始替换字符,按Esc结束 u 取消上一步操作 搜索和替换命令