document对象execCommand的应用D-Position 允许通过拖曳移动绝对定位的对象。
AbsolutePosition 设定元素的 position 属性为“absolute”(绝对)。
BackColor 设置或获取当前选中区的背景颜色。
BlockDirLTR 目前尚未支持。
BlockDirRTL 目前尚未支持。
Bold 切换当前选中区的粗体显示与否。
BrowseMode 目前尚未支持。
Copy 将当前选中区复制到剪贴板。
CreateBookmark 创建一个书签锚或获取当前选中区或插入点的书签锚的名称。
CreateLink 在当前选中区上插入超级链接,或显示一个对话框允许用户指定要为当前选中区插入的超级链接的 URL。
Cut 将当前选中区复制到剪贴板并删除之。
Delete 删除当前选中区。
DirLTR 目前尚未支持。
DirRTL 目前尚未支持。
EditMode 目前尚未支持。
FontName 设置或获取当前选中区的字体。
FontSize 设置或获取当前选中区的字体大小。
ForeColor 设置或获取当前选中区的前景(文本)颜色。
FormatBlock 设置当前块格式化标签。
Indent 增加选中文本的缩进。
InlineDirLTR 目前尚未支持。
InlineDirRTL 目前尚未支持。
InsertButton 用按钮控件覆盖当前选中区。
InsertFieldset 用方框覆盖当前选中区。
InsertHorizontalRule 用水平线覆盖当前选中区。
InsertIFrame 用内嵌框架覆盖当前选中区。
InsertImage 用图像覆盖当前选中区。
InsertInputButton 用按钮控件覆盖当前选中区。
InsertInputCheckbox 用复选框控件覆盖当前选中区。
InsertInputFileUpload 用文件上载控件覆盖当前选中区。
InsertInputHidden 插入隐藏控件覆盖当前选中区。
InsertInputImage 用图像控件覆盖当前选中区。
InsertInputPassword 用密码控件覆盖当前选中区。
InsertInputRadio 用单选钮控件覆盖当前选中区。
InsertInputReset 用重置控件覆盖当前选中区。
InsertInputSubmit 用提交控件覆盖当前选中区。
InsertInputText 用文本控件覆盖当前选中区。
InsertMarquee 用空字幕覆盖当前选中区。
InsertOrderedList 切换当前选中区是编号列表还是常规格式化块。
InsertParagraph 用换行覆盖当前选中区。
InsertSelectDropdown 用下拉框控件覆盖当前选中区。
InsertSelectListbox 用列表框控件覆盖当前选中区。
InsertTextArea 用多行文本输入控件覆盖当前选中区。
InsertUnorderedList 切换当前选中区是项目符号列表还是常规格式化块。
Italic 切换当前选中区斜体显示与否。
JustifyCenter 将当前选中区在所在格式化块置中。
JustifyFull 目前尚未支持。
JustifyLeft 将当前选中区所在格式化块左对齐。
JustifyNone 目前尚未支持。
JustifyRight 将当前选中区所在格式化块右对齐。
LiveResize 迫使 MSHTML 编辑器在缩放或移动过程中持续更新元素外观,而不是只在移动或缩放完成后更新。
MultipleSelection 允许当用户按住 Shift 或 Ctrl 键时一次选中多于一个站点可选元素。
Open 目前尚未支持。
Outdent 减少选中区所在格式化块的缩进。
OverWrite 切换文本状态的插入和覆盖。
Paste 用剪贴板内容覆盖当前选中区。
PlayImage 目前尚未支持。
Print 打开打印对话框以便用户可以打印当前页。
Redo 目前尚未支持。
Refresh 刷新当前文档。
RemoveFormat 从当前选中区中删除格式化标签。
RemoveParaFormat 目前尚未支持。
SaveAs 将当前 Web 页面保存为文件。
SelectAll 选中整个文档。
SizeToControl 目前尚未支持。
SizeToControlHeight 目前尚未支持。
SizeToControlWidth 目前尚未支持。
Stop 目前尚未支持。
StopImage 目前尚未支持。
StrikeThrough 目前尚未支持。
Subscript 目前尚未支持。
Superscript 目前尚未支持。
UnBookmark 从当前选中区中删除全部书签。
Underline 切换当前选中区的下划线显示与否。
Undo 目前尚未支持。
Unlink 从当前选中区中删除全部超级链接。
Unselect 清除当前选中区的选中状态。
javascript中createTextRange用法
http://blog.csdn.net/sunxing007/archive/2009/04/17/4086952.aspx
//返回createTextRange的text和htmlText
<script language="javascript">
function test()
{
var rng=document.body.createTextRange();
alert(rng.text)
}
function test1()
{
var rng=document.body.createTextRange();
alert(rng.htmlText)
}
</script>
<input type="button" onclick="test()" value="text">
<input type="button" onclick="test1()" value="htmlText">
//获取指定文本框中的选中的文字:只响应第一个文本框
<input id="inp1" type="text" value="1234567890">
<input id="inp2" type="text" value="9876543210">
<input type="button" onclick="test()" value="确定">
<script language="javascript">
function test()
{
var o=document.getElementById("inp1")
var r = document.selection.createRange();
if(o.createTextRange().inRange(r))
alert(r.text);
}
</script>
//页面文本倒序查找
abababababababa
<input value="倒序查找a" onclick=myfindtext("a") type="button">
<script language ='javascript'>
var rng = document.body.createTextRange();
function myfindtext(text)
{
rng.collapse(false);
if(rng.findText(text,-1,1))
{
rng.select();
rng.collapse(true);
}else
{alert("end");}
}
</script>
//聚焦控件后把光标放到最后
<script language="javascript">
function setFocus()
{
var obj = event.srcElement;
var txt =obj.createTextRange();
txt.moveStart('character',obj.value.length);
txt.collapse(true);
txt.select();
}
</script>
<input type="text" value="http://toto369.net" onfocus="setFocus()">
//得到文本框内光标位置
<script language="javascript">
function getPos(obj){
obj.focus();
var s=document.selection.createRange();
s.setEndPoint("StartToStart",obj.createTextRange())
alert(s.text.length);
}
</script>
<input type="text" id="txt1" value="1234567890">
<input type="button" value="得到光标位置" onclick=getPos(txt1)>
//控制input框内光标位置
<script language="javascript">
function setPos(num)
{
text1.focus();
var e =document.getElementById("text1");
var r =e.createTextRange();
r.moveStart('character',num);
r.collapse(true);
r.select();
}
</script>
<input type="text" id="text1" value="1234567890">
<select onchange="setPos(this.selectedIndex)">
<option value="0">0</option>
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
<option value="4">4</option>
<option value="5">5</option>
<option value="6">6</option>
<option value="7">7</option>
</select>
//选中文本框中的一段文字
<script language=javascript>
function sel(obj,num)
{
var rng=obj.createTextRange()
var sel = rng.duplicate();
sel.moveStart("character", num);
sel.setEndPoint("EndToStart", rng);
sel.select();
}
</script>
<input type="text" id="text1" value="1234567890">
<select onchange="sel(text1,this.value)">
<option value="0">0</option>
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
<option value="4">4</option>
<option value="5">5</option>
<option value="6">6</option>
<option value="7">7</option>
</select>
//控制文本框内光标的移动
<input type="button" value="<" onclick=go(-1)>
<input id="demo" value="这里是文字">
<input type="button" value=">" onclick=go(1)>
<script language="javascript">
function go(n){
demo.focus();
with(document.selection.createRange())
{
moveStart("character",n);
collapse();
select();
}
}
</script>
分享到:
相关推荐
自动保存您的draft-js编辑器的更改。 这是draft-js-plugins-editor 。 安装 npm install @jimmycode/draft-js-autosave-plugin 用法 通过必要的config实例化插件: import createAutosavePlugin from '@jimmycode...
草稿js选择图像插件在您的草稿js编辑器中嵌入本地图像这是draft-js-plugins-editor 。安装npm install @jimmycode/draft-js-select-image-plugin用法该插件显示了一个与侧面工具栏集成的按钮。 import ...
draft-js-unsplash-plugin 在草稿js编辑器中添加Unsplash图片。 这是draft-js-plugins-editor 。安装npm install @jimmycode/draft-js-unsplash-plugin用法import createUnsplashPlugin from '@jimmycode/draft-js-...
一个javascript/node.js的代码草稿本Scratchpad
EpicEditor是可嵌入JavaScript 编辑器,具有全屏拆分编辑,实时预览,自动草稿保存,离线支持等功能。 对于开发人员来说,它提供了一个健壮的API,可以轻松地进行主题化,并允许您将捆绑的Markdown解析器与您扔给它...
react-lz编辑器 开源的React富文本编辑器(mordern react编辑器包括媒体支持,例如文本,图像,视频,音频,链接等),基于Draft-J和Ant-design的开发,良好的html,markdown,draft-raw支持模式。 它很好地支持多种...
如果您使用的是1.xx版本,请参阅[旧版本文档]( .md)使用前请先了解Braft Editor是基于草稿js的编辑器。 Draft-js不会直接使用HTML作为组件状态。 它实现了一个EditorState类型,该类型本质上是一个JS对象。 在...
Draft.js单行插件这是的插件,这是一个位于Draft.js顶部的插件系统。 该插件增加了将限制为一行内容的支持。 它将任何块压缩为一个块,并(可选)剥离任何丰富的实体。什么为什么?! 我知道这很疯狂,但是您想在...
使用Share.JS,ACE编辑器和Node.JS的协作编程页面。 演示: : * nix安装 brew/apt-get install node npm git clone https://github.com/ehaughee/collabit.git cd collabit npm install 或者,如果您使用的是...
Draft.js Draft.js是一个JavaScript RTF编辑器框架,为React构建并由不可变模型支持。 可扩展和可自定义:我们提供了构建基块,以使您能够创建从基本文本样式到嵌入式媒体的各种丰富的富文本撰写体验。 声明式富文本...
DraftJS转HTML 用于将DraftJS编辑器内容转换为纯HTML的库。 这是我为我的一个项目编写HTML库的草稿。 我正在开源,这样其他人也可以从我的工作中受益。安装npm install draftjs-to-html 用法import { convertToRaw }...
在编辑器中键入一些代码,在草稿字段中添加一些文本以运行代码,从下拉列表中选择脚本类型,单击“运行”,然后查看会发生什么。 您可以从草稿安装URL填充编辑器。 只需将URL复制到“解析URL”字段中,然后单击按钮...
-> 基于 javascript Rich Text API 的 Web 富文本编辑器。 为什么是 WebPad? -> 说到富文本编辑器,首先想到的是 GMail、Yahoo、Outlook。 他们很强大。 此外,还有一些内置的富文本编辑器,它们在某些前端框架...
将链接添加到博客文章。
用于将“草稿”文本恢复到 quilljs 编辑器的本地存储模块 即,一种防止用户的帖子或评论草稿在页面重新加载时被擦除的方法。 用法 quill-local-storage是quilljs编辑器的标准模块。 要在您的项目中包含提及,请将...
草稿-js-rte 这是我创建的富文本编辑器的一个版本,基于React的框架构建。 现场演示在这里: : 。 您可以在看到我的工作的其他示例。 值得注意的功能包括: 支持表插入图像并调整其大小插入和编辑链接
百度编辑器UEditor Mini版,Ueditor是由百度web前端研发部开发所见即所得的编辑器,具有轻量,可定制,注重用户体验等特点。Ueditor基于BSD开源协议,除了具有代码精简、加载迅速的轻量级特质外,还采用了分层理念,...
React式编辑器 可插入,直观的媒体/概念,例如富文本编辑器 最初的想法是构建一个易于使用的RTF编辑器。 react-tapable-editor是建立在 ,和它的插件系统别谢季河上这是著名的发动机 。 产品特点 块样式 标头 报价...
一个在线hexo博客编辑器 | An online hexo blog editor by winwin2011 截图 | Screenshots | | 功能 | Feature 文章增删改和预览 | Post/Page add/delete/update and preview 发布和草稿 | Post/Page puiblish/...
React草稿使用DraftJS构建的基于React的WYSIWYG编辑器。 目的是支持最常用的编辑器功能,以及一些不常见的功能,例如对表的支持。安装$ npm install react-drafts 使用该软件包包括在/lib处构建的Common模块和在/...