JS为选中内容添加颜色,字体,大小等等
2012-04-12 21:12
447 查看
其实说到底也就是一个在线编辑器的功能..
今天两个同学找我,毕业设计也说了半天,我算是理解了.所到底也就是写一个在线编辑器
关键点也就是在于js选取内容,为所选的内容做各种操作.
主要为代码为:
document.selection.createRange().execCommand('Bold');
这段代码就是为选所内容设置粗体
document.selection.createRange().execCommand("Italic");
为所选内容设置斜体
附上下面的表,根据表内容选取相应的内容
今天两个同学找我,毕业设计也说了半天,我算是理解了.所到底也就是写一个在线编辑器
关键点也就是在于js选取内容,为所选的内容做各种操作.
主要为代码为:
document.selection.createRange().execCommand('Bold');
这段代码就是为选所内容设置粗体
document.selection.createRange().execCommand("Italic");
为所选内容设置斜体
附上下面的表,根据表内容选取相应的内容
參數名稱 | 參數 | 說明 |
FontName | 任何字型名稱 (如新細明體) | 可以改變選取文字的字型 這個指令用的是第三個參數 execCommand("ForeName","","字型名稱") |
FontSize | 從1到14的數字 | 可以改變字型的大小 這個指令用的是第三個參數 execCommand("ForeSize","", 文字大小) |
ForeColor | 任何顏色數值 (#rrggbb) | 可以改變前景(文字)的顏色 這個指令用的是第三個參數 execCommand("ForeColor","","顏色名稱") |
Bold | 沒有參數 | 將選取的文字改為粗體 |
Italic | 沒有參數 | 將選取的文字改為斜體 |
Underline | 沒有參數 | 將選取的文字加上底線 |
JustifyLeft | 沒有參數 | 將選取的文字置左 |
JustifyCenter | 沒有參數 | 將選取的文字置中 |
JustifyRight | 沒有參數 | 將選取的文字置右 |
Outdent | 沒有參數 | 減少縮排 |
Indent | 沒有參數 | 增加縮排 |
InsertOrderedlist | 沒有參數 | 設定為編號清單 |
InsertUnorderedlist | 沒有參數 | 設定為項目清單 |
CreateLink | 沒有參數 | 加入超連結 |
Cut | 沒有參數 | 剪下 |
Copy | 沒有參數 | 複製 |
Paste | 沒有參數 | 貼上 |
InsertImage | 圖片的路徑 (URL) | 可以加入圖片, 路徑可以是絕對或是相對路徑. 這個指令用的是第二個參數: execCommand("InsertImage","圖片路徑") |
相关文章推荐
- TextView部分内容改变颜色,背景色,大小,字体,超链接,删除线,下划线,添加图片
- 3、excel 导出。适合用于将界面上的内容所见及所得的输出,可以设置单元格的的合并,大小,字体,颜色等等
- 原生js:js获得当前选中的内容的字体大小
- AlertDialog修改标题、内容、按钮的颜色和字体大小
- 修改TabWidget字体大小、颜色、Gravity等等...
- Qt设置背景色,按钮添加图片,实现三态,label添加图片,设置字体大小,颜色等基本操作
- 列表显示数据 但是数据的字体颜色要js添加
- 【android开发】 修改控件Spinner内容的字体大小 颜色等属性
- 修改控件Spinner内容的字体大小 颜色等属性
- select根据选中内容变换字体颜色方法
- 动态添加GridView,并按照返回内容改变字体颜色
- 【Inno Setup】修改安装分割线前面的文字并自定义风格(颜色、字体大小等等)
- MFC改变static text颜色和内容及字体大小
- UISegmentedControl字体大小,颜色,选中颜色,左边椭圆,右边直线的Button 解决之iOS开发之分段控制器UISegmentedControl
- Android原生AlertDialog修改标题,内容,按钮颜色,字体大小等
- FCKEditor fckconfig.js配置,添加字体和大小 附:中文字体乱码问题解决
- 给label添加不同颜色不同字体的内容
- 修改UITabbaritems的字体大小和选中颜色
- android NumberPicker如何修改中间选中的Edittext大小、颜色和内容
- iOS-84-WKWebView字体大小颜色及内容放大或缩小显示