web 编辑器_什么是Web编辑器-CSDN博客

web 编辑器

什么是Web编辑器？ (What Is Web Editor?)

A web editor (also called HTML editor) is a useful application for creating web pages. The HTML code you can also write with a text editor, however, applications created specifically could be more effective, such as syntax highlighting, correcting syntax errors or even allowing you to create the page using an interface and without knowing the basics of HTML. Many of these applications not only allow but also to handle the HTML style sheets, CSS, XML and JavaScript. In some cases it can also integrate the FTP client to communicate with remote servers via FTP.

Web编辑器(也称为HTML编辑器)是用于创建Web页面的有用应用程序。您还可以使用文本编辑器编写HTML代码，但是，专门创建的应用程序可能更有效，例如语法突出显示，更正语法错误，甚至允许您使用界面创建页面而无需了解HTML基础知识。其中许多应用程序不仅允许而且还可以处理HTML样式表，CSS，XML和JavaScript。在某些情况下，它还可以集成FTP客户端，以通过FTP与远程服务器通信。

Mainly there are two types of HTML editors: text editors and visual, the latter are also called WYSIWYG editor which stands for What You See Is What You Get, or what you see is what you get.

HTML编辑器主要有两种类型：文本编辑器和视觉编辑器，后者也称为WYSIWYG编辑器，它代表所见即所得或所见即所得。

文字编辑器 (Text editors)

The text editors generally have the following characteristics:

文本编辑器通常具有以下特征：

Syntax Highlighting
语法高亮
Toolbars to facilitate the management of tag
方便标签管理的工具栏
Keyboard Shortcuts to make fast to tag
键盘快捷键可以快速标记
Procedures led to the definition of layout
程序导致布局的定义
Suggestions during the drafting of the code
起草守则期间的建议
Auto-completion of tag
自动补全标签

视觉编辑 (Visual editors)

Publishers visual feature an interface through which you can create your pages, most often have a sort of built-in browser to preview the pages out and see if the end result is what you wanted or less. Most of these applications allows the creation of pages in three ways:

发布者视觉功能具有一个界面，您可以通过该界面来创建页面，大多数情况下，它具有一种内置的浏览器来预览页面并查看最终结果是否是您想要的或更少。这些应用程序中的大多数都允许以三种方式创建页面：

Source code: the code you write normally like a text editor
源代码：通常像文本编辑器一样编写的代码
User Interface: one acts in the background through an interface that generates the necessary html code
用户界面：通过一个生成必要的html代码的界面在后台运行
Source Code / Interface: Basically you can work both ways, changing the interface and see what happens or edit the HTML source and see the changes immediately.
源代码/界面：基本上，您可以通过两种方式进行操作，即更改界面并查看会发生什么，或者编辑HTML源代码并立即查看更改。

The interface of visual editor is based on the rendering engine layout of normal browser, any change you will immediately result in the interface that is closest to its display in a browser.

可视编辑器的界面基于常规浏览器的渲染引擎布局，您所做的任何更改都会立即导致该界面最接近其在浏览器中的显示。

Critiques

批判

The visual editors are often criticized because of several reasons:

可视编辑器经常因以下几个原因而受到批评：

Do not produce the best possible syntax and often “dirty” code. The layout e.g., use of style sheets instead tends to be defined by an abuse of such tags table, p, font, center, etc.. There are also code optimizers, however, are easily confused even by a little intercession from those who are creating the page.
不要产生最佳的语法，通常不要使用“肮脏”的代码。布局(例如使用样式表)往往是通过滥用此类标签表，p，字体，居中等来定义的。此外，还有一些代码优化器，即使有些优化，也很容易混淆。创建页面。
A page produced by a WYSIWYG editor is usually interpreted in various ways by different browsers. Even the screen resolution to that effect could be affected. To overcome this problem some browsers support style sheets to replace those of its creator page.
所见即所得编辑器生成的页面通常由不同的浏览器以各种方式解释。甚至达到该效果的屏幕分辨率也可能受到影响。为了克服此问题，某些浏览器支持样式表来替换其创建者页面的样式表。
The syntax produced by a visual editor if unchecked adjustments may be incomprehensible to the robots of search engines and also could cause an incompatibility with the text-only browsers.
如果未经检查的调整，视觉编辑器产生的语法可能对搜索引擎的机器人来说是无法理解的，并且还可能导致与纯文本浏览器不兼容。

WYSIWYG is not always “What You See Is What You Get”!

所见即所得并不总是“所见即所得”！

The visual editors do not always keep promises and sometimes an acronym WYSIWYG stands as something on the eyes. The reasons are the same that such editors are criticized:

视觉编辑者并不总是信守诺言，有时缩写WYSIWYG就代表了某些东西。批评这些编辑者的原因相同：

The same syntax could be interpreted differently by the browser, or even the same browser but a different resolution. The biggest difference of course you can observe comparing a text browser like Lynx with a modern one. Same goes for voice browsers, probably not even be able to interpret the code.
浏览器可能会解释相同的语法，甚至同一浏览器可能会解释不同的分辨率。当然，您可以观察到最大的区别，是将Lynx之类的文本浏览器与现代浏览器进行比较。语音浏览器也是如此，甚至可能无法解释代码。
If you print a page with Firefox or Internet Explorer you may get different results. Fortunately, the user can modify the parameters of resolution, print and more you can overcome many of these problems by using style sheets.
如果使用Firefox或Internet Explorer打印页面，则可能会得到不同的结果。幸运的是，用户可以修改分辨率，打印参数，还可以使用样式表来克服许多这些问题。

It is therefore clear that what you see is what you get might be more or less valid for a large portion of tourists, but nothing can never guarantee the compatibility of the generated page with the browser of all visitors.

因此，很明显，您所看到的是，对于大部分游客来说，所获得的或多或少是有效的，但没有什么能保证生成的页面与所有游客的浏览器的兼容性。

WYSIWYM — “What You See Is What You Mean”

所见即所得—“所见即所得”

They are slightly different from the WYSIWYG editor instead to focus on the author of the document or its layout, these editors focus on every element of HTML formatting such as paragraphs and their function within the context page. The fact its acronym stands for: “What You See Is What You Mean” whereas, WYSIWYG acronym stands for: “What You See Is What You Get”.

它们与WYSIWYG编辑器略有不同，而是专注于文档的作者或其布局，这些编辑器专注于HTML格式的每个元素，例如段落及其在上下文页面中的功能。它的首字母缩写词代表：“所见即所得”，而“所见即所得”的缩写词则代表：“所见即所得”。

Editor and W3C standards

编辑器和W3C标准

HTML is a markup language structured. Browsers are able to recognize HTML and page structure based on tags inside the page’s source code. The W3C organization defines the rules for construction of the pages, called standard, Italianate, specifications.

HTML是结构化的标记语言。浏览器能够基于页面源代码中的标签识别HTML和页面结构。 W3C组织定义了页面构造规则，称为标准，意大利语规范。

Follow the standard operation is recommended to make their pages accessible to the broadest number of users by breaking down the navigation problems related to situations of disability, using resolutions lower than those for which the site is designed, bandwidth limitations etc. has emerged in this sense a principle that the structure of the document should be defined in HTML or XHTML, while the layout, i.e., the part of graphic design, should be assigned exclusively to style sheets or CSS.

建议遵循标准操作，通过解决与残障情况相关的导航问题，使用比网站设计的分辨率低的分辨率，出现带宽限制等方法，使最广泛的用户可以访问其页面。原则是文档的结构应以HTML或XHTML定义，而布局(即图形设计的一部分)应专门分配给样式表或CSS。

Some older HTML editor and then do not follow modern guidelines of the W3C although the latest WYSIWYG editors have taken great steps in this direction, despite the long road still ahead. The situation is different text editors, with some ‘tricks of expertise and is relatively easy to create a code meets the specifications.

尽管最新的“所见即所得”编辑器尽管还有很长的路要走，但仍在一些老版本HTML编辑器中遵循了W3C的现代准则，尽管最新的所见即所得编辑器已朝着这个方向迈出了重要的一步。情况是不同的文本编辑器，具有一些“技巧”，并且创建符合规范的代码相对容易。

Study: From Wikipedia, the free encyclopedia. The text is available under the Creative Commons.

研究：来自维基百科，免费的百科全书。该文本可在“ 知识共享”下找到。