WYNHTML Series Articles (1) How to deploy, embed, load dynamic content
Aynhtml Introduction Aynhtml is an online editor, supporting table, image, style sheet, and so on, where you are visible, supporting table, images, style sheets, etc., which can only run in a 5.5 (or higher) Internet Explorer browser.
At present, Aynhtml's highest version is V0.20B (there are some bugs in this version), and our version is
V0.18B.
Here is an online Demo of the official website of Aynhtml
http://www.aine.be/aynhtml/demo.html
This reactivity of this online DEMO may be a bit slow (at least one version is like this), because Aynhtml has an option to open, as long as the processing speed of this option editor will have a significant increase. Here you will introduce you to you here, see a code below:
The above code is located in the core file of Aynhtml. Aynhtml / aieditor.htc is used to describe a button to describe the editor (
Reduce indentation
)of.
By default, the value of Check is 1, meaning the state of the area where the focus in the automatic CHECK editor, such as the font size, whether it is a bold, italic, aligned, and the like, which will greatly reduce the speed of editing.
Note:
1) .aynhtml is more suitable for simple online editing of web pages, and is not suitable for complex artwork.
2) .aynhtml Editor cannot be embedded in Frameset, if the Frameset is embedded, the shortcuts on the keyboard (such as Ctrl-V, paste function) will all failed;
How to embed the Aynhtml editor into the page
How to deploy Aynhtml In order to embed Aynhtml Editor into the web page, first we need to copy Aynhtml's entire folder to a directory of the Web site (such as program files); then in the page that needs to be embedded in the editor Join
XMLns: ai>
import namespace = "ai" importation = "aieditor.htc" />
hEAD>
Path = "aynhtml /" LOAD_METHOD = "inline" > Welcome to aynhtml editor! b> p> AI: AIEditor> and AI: AIEditor> The content between the two tags will be formatted in the editor -> body> html> In the following section, we will detail how to customize the Aynhtml editor. Note: 1). In order to make the Aynhtml editor running normally, we must declare the Namespace, such as the above code. import namespace = "ai" importation = "aieditor.htc" /> [Note: Dreamweaver cannot explain the NameSpace declaration correctly. When Dreamweaver opens the page containing the declaration, it will cause an interpretation error, as followed: import namespace = "ai" importation = "aynhtml / aieditor.htc" /> Will be interpreted as: import namespace = "ai" importation = "aynhtml / aieditor.htc" /> Link href = "aynhtml / external.css" rel = "stylesheet" Type = "text / css"> The mark is swallowed off a '<' ] How to customize Aynhtml Tag Color = "ButtonFace" Content = "" FONT = "Song, _GB2312, black body, imitation Song, Arial, Verdana, Tahoma, Times New Roman, Georgia" FONT_SIZE = "8, 9, 10, 11, 12, 13, 14, 16, 20, 24, 48" HEIGHT = "400" HIDE_BTN = "Open, save, image" LOAD_METHOD = "inline" LOAD_URL = "" LINK_GET = "Aynhtml / Sample / Text / Links.xml" Open_METHOD = "Default" Palette = "Web, System" Path = "aynhtml /" STYLE_IMPORT = "1" Stylesheet = "Aynhtml / Internal.css" width = "600"> .... AI: AIEditor> among them: Color: Editor's interface color Content: Used to get and set the contents of the editor Font: Font List Font_size: Font Size List HEIGHT: The height of the editor Load_method: The mode of the editor is loaded (inline is the default option, meaning the content of the two tags in the Load_url: If you specify Load_method to HTML, you represent an HTML page, Load_url is the link address of this page. LINK_GET: AYNHTML can maintain a list of files in a configuration file, and the user can select one of the files to edit, and link_get is used to define the path to define the configuration file. Open_METHOD: Method associated with the button in the toolbar Palette: Color Pattern in the palette PATH: Aynhtml Editor The path of the core file, the path is relative to the embedded page STYLE_IMPORT: Indicates if the editor searches for the