Dreamweaver CC教程:直接在实时视图中编辑文本
Dreamweaver CC教程:直接在实时视图中编辑文本
直接在实时视图中编辑文本
现在可以在实时视图直接编辑文本元素。只需双击文本元素即可编辑。或者,您可以单击文本查看元素显示,然后按 Enter。
注意:
当在编辑模式中输入后按 Enter 时,根据按 Enter 前插入点所处的位置,结果有所不同。更改类似于在设计视图中编辑文本时按 Enter 后发生的情况。
文本元素周围的橙色边框表示更改为编辑模式。
橙色边框表示编辑模式
插入点将位于双击位置。若要选择文本元素中的所有文本,可三击该文本元素。
当在实时视图中编辑文本时,支持剪切、拷贝、粘贴、撤消和还原。粘帖文本时,将作为纯文本粘帖。
下表列出在实时视图中编辑文本时支持和不支持的情况:
支持
不支持
所有可包含文本的 HTML 元素
编辑无效或损坏的标签。如果 HTML 包含损坏或无效标签,则此类标签的编辑取决于浏览器感知这些标签的方式:
如果浏览器修复您的 HTML,使其关闭损坏的标签,则允许在实时视图中编辑此标签。 如果浏览器在渲染时添加新标签,则无法编辑损坏或无效的标签。来自实时视图中模板的 HTML 文件
编辑 jQuery 页面
包含内联元素的结构标签。在单个框中同时显示,以便编辑。
编辑具有静态和动态内容的标签。虽然您可以编辑这些标签的选择器,但您无法直接在实时视图中编辑文本。如果在实时视图中双击这些元素,则它们周围会显示一个灰色边框,表明不支持文本编辑。
动态页面中的静态文本
实时视图中无网格的流体网格页面
包含实体的文本
设置文本格式
您现在可以直接在实时视图中更改文本和超链接文本的格式。若要查看文本格式选项,请选择一个单词或一个短语。包含格式选项的快速属性检查器显示在所选文本的上方。
用于设置文本格式的快速属性检查器
相关内容
-
Dreamweaver CC教程:Dreamweaver 支持的编程语言
Dreamweaver CC教程:Dreamweaver 支持的编程语言,编程语言,支...
-
Dreamweaver CC教程:正则表达式
Dreamweaver CC教程:正则表达式,正则表达式,搜索,换行符,教程,...
-
Dreamweaver CC教程:在代码视图中预览图像和颜色
Dreamweaver CC教程:在代码视图中预览图像和颜色,图像,教程,视...
-
Dreamweaver CC教程:提取 JavaScript
Dreamweaver CC教程:提取 JavaScript,文件,选择,脚本,教程,文...
-
Dreamweaver CC教程:设置 PHP 首选参数
Dreamweaver CC教程:设置 PHP 首选参数,教程,站点,参数,设置,...
-
Dreamweaver CC教程:分析代码
Dreamweaver CC教程:分析代码,教程,支持,红色,错误,显示,检查,...
-
Dreamweaver CC教程:自定义代码主题
Dreamweaver CC教程:自定义代码主题,自定义,教程,选择,默认,主...
-
Dreamweaver CC教程:用多个光标添加或更改文本
Dreamweaver CC教程:用多个光标添加或更改文本,光标,更改,文本...
-
Dreamweaver CC教程:启用linting并指定linting规
Dreamweaver CC教程:启用linting并指定linting规则,启用,文件,...
-
Dreamweaver CC教程:清理代码
Dreamweaver CC教程:清理代码,清理,删除,文档,教程,标签,用于,...
-
Dreamweaver CC教程:在“设计”视图中
Dreamweaver CC教程:在“设计”视图中编写和编辑脚...
-
Dreamweaver CC教程:编辑服务器端包含的内容
Dreamweaver CC教程:编辑服务器端包含的内容,服务器端,教程,检...
-
Dreamweaver CC教程:编辑代码片段
Dreamweaver CC教程:编辑代码片段,代码片段,教程,字段,对话框,...
-
Dreamweaver CC教程:验证 XML 文档
Dreamweaver CC教程:验证 XML 文档,文档,验证,教程,浏览器,报...
-
Dreamweaver CC教程:如何充分利用代码片段
Dreamweaver CC教程:如何充分利用代码片段,代码片段,教程,编码...