javascript实现可编辑样式的文本

你要的是所见即所得HTML编辑器，简单来说需要几个基本步骤：
1，需要一个可以编辑同时又可显效果的编辑框。textarea不行，它只能用来输入纯文本，不能显示颜色、斜体之类的文字样式，就像记事本。
你可以使用iframe来实现，修改iframe的designMode属性使其可以被编辑。
<iframe id="myEditer" width="100%" height="150px"></iframe>
<script>myEditerdocumentdesignMode = 'on';</script>
这样你就可以在这个iframe区域里写字了。
2，选中要添加样式的文字。通常我们用WORD编辑一段文字的样式时，一般是先打字，再编辑样式。所以你需要一个选中要处理文本的方法。JS的selectioncreateRange()可以选中文本，返回一个对象，你可以通过访问该对象的text属性得到被选中的文本。
<iframe id="myEditer" width="100%" height="150px"></iframe>
<input type="button" value="加粗" onclick="Bold()">
<script>
myEditerdocumentdesignMode = 'on';
function Bold(){
var sel = myEditerdocumentselectioncreateRange();
alert(seltext);
}
</script>
3，改变被选中文本的样式。selectioncreateRange()选中文本，返回一个对象，该对象有一个方法execCommand()，可以用来改变被选中文本的样式。
<iframe id="myEditer" width="100%" height="150px"></iframe>
<input type="button" value="加粗" onclick="Bold()">
<script>
myEditerdocumentdesignMode = 'on';
function Bold(){
var sel = myEditerdocumentselectioncreateRange();
//alert(seltext);
selexecCommand("Bold")
}
</script>
execCommand()的常用用法：
字体--宋体、黑体、楷体等
execCommand("fontname","",字体)
字号--字号大小
execCommand("fontsize","",字号)
加重
execCommand("Bold")
斜体
execCommand("Italic")
下划线
execCommand("Underline")
删除线
execCommand("StrikeThrough")
居左
execCommand("JustifyLeft")
居右
execCommand("JustifyRight")
居中
execCommand("JustifyCenter")
剪切
execCommand("Cut")
拷贝
execCommand("Copy")
粘贴
execCommand("Paste")
取消 *** 作--IE50以后可以无限取消
execCommand("Undo")
重复 *** 作
execCommand("Redo")
把上面的每个用法用按钮来实现，你就已经完成了一个简单的可视文本编辑器。

一种字体有粗体、斜体、下划线、删除线等诸多属性。
但是并不是所有字体都做了这些，一些不常用的字体，或许就只有个正常体，如果你用italic，就没有效果了~这时候你就要用oblique
css20解释
italic和oblique都是向右倾斜的文字,
但区别在于italic是指斜体字，而oblique是倾斜的文字，对于没有斜体的字体应该使用oblique属性值来实现倾斜的文字效果

原因：字体没有导入indesign中。

字体导入步骤如下：

1、打开InDesign软件，创建所需的画布，然后确认创建它。

2、创建画布后，选择左侧工具中的文本工具。

3、选择文本工具后，用左键拖动以在画布中创建文本框。文本框的大小是根据自己的文本数设置的。

4、然后在文本框中输入文本。在上属性栏中，左位置可以调整文本的字体和大小。

5、通过右侧属性栏，可以调整文本颜色和笔画颜色。

6、选择文本，打开左下角的前景色，或更改设置文本颜色。

7、在属性栏的中间，可以调整文本的上标/下标显示。

---