WYNHTML Extract Editor - (1) How to deploy, embed, load dynamic content

zhaozj2021-02-16  48

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 Two tags, and tells the editor in the tag, the relative position of the folder, as shown in the following example

XMLns: ai>

Path = "aynhtml /"

LOAD_METHOD = "inline"

>

Welcome to aynhtml editor!

and The content between the two tags will be formatted in the editor ->

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.

[Note:

Dreamweaver cannot explain the NameSpace declaration correctly. When Dreamweaver opens the page containing the declaration, it will cause an interpretation error, as followed:

Will be interpreted as:

Link href = "aynhtml / external.css" rel = "stylesheet" Type = "text / css">

The mark is swallowed off a '<'

]

How to customize Aynhtml Tag is used to define the properties and operations of Editor, such as:

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">

....

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 , the contents of the two tags)

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