DHTMLX series of components to use (5) - dhtmlx editor application

2010-07-12  来源:本站原创  分类:Web  人气:181 

1. Initialized

DhtmlxEditor first dhtmlxSuit in the codebase folder copy the entire folder to your project directory, then create the HTML file.

JS and CSS files into 1.1

<link rel="stylesheet" type="text/css" href="codebase/skins/dhtmlxeditor_dhx_skyblue.css">
<script src="codebase/dhtmlxcommon.js" type="text/javascript"></script>
<script src="codebase/dhtmlxeditor.js" type="text/javascript"></script>

1.2 The definition of a container used to display editor

<div></div>

1.3 Definition of the JS function generated editor

<script type="text/javascript">
var editor;
function doOnLoad() {
        editor = new dhtmlXEditor("editorObj");
}

// another constructor
function doOnLoad() {
    var editorObject = {
        parent: "editorObj",
        content: "<b>Editor</b> content"; // init content
    }
    editor = new dhtmlXEditor(editorObject);
}
</script>

After the call doOnLoad function can be.

1.4 Effect Preview

DHTMLX series of components to use (5) - dhtmlx editor application

A very simple editor.

2. Skin Set

2.1 The introduction of all the style files

<link rel="stylesheet" type="text/css" href="codebase/skins/dhtmlxeditor_dhx_skyblue.css" />
<link rel="stylesheet" type="text/css" href="codebase/skins/dhtmlxeditor_dhx_black.css" />
<link rel="stylesheet" type="text/css" href="codebase/skins/dhtmlxeditor_dhx_blue.css" />

2.2 Definition of the JS function generated editor

<script type="text/javascript">
var editor;
function doOnLoad() {
        editor = new dhtmlXEditor("editorObj", "dhx_black");
}
</script>

Description: In the constructor you can specify the style. For example here is designated black.

2.3 Effect Preview

DHTMLX series of components to use (5) - dhtmlx editor application

3 with the toolbar editor

3.1 The introduction of the required JS and CSS files

<link rel="stylesheet" type="text/css" href="codebase/skins/dhtmlxeditor_dhx_skyblue.css">
<link rel="stylesheet" type="text/css" href="codebase/skins/dhtmlxtoolbar_dhx_skyblue.css" />
<script src="codebase/dhtmlxcommon.js" type="text/javascript"></script>
<script src="codebase/dhtmlxeditor.js" type="text/javascript"></script>
<script src="codebase/ext/dhtmlxeditor_ext.js" type="text/javascript"></script>
<script src="codebase/dhtmlxtoolbar.js" type="text/javascript"></script>

3.2 Definition of the JS function generated editor

<script type="text/javascript">
var editor;
function doOnLoad() {
        editor = new dhtmlXEditor("editorObj");
        editor.setIconsPath("codebase/imgs/");
        editor.init();
}
</script>

3.3 Effect Preview

DHTMLX series of components to use (5) - dhtmlx editor application

Compared with before, with a feature-rich editor toolbar more.

Note: To achieve toolbar editor with the required JS and CSS and icon files can be in dhtmlxSuit found in dhtmlxToolbar folder.

Description: In the editor with a toolbar in the editor.setIconsPath ("codebase / imgs /") statement to set the icon path is invalid, that runs all the icon can not be displayed. I do not know if this is not being transferred through or system bug, need to be further verified.

4 to obtain the content editor

editor.getContent()

-------------------------------------------------- ---
Stay Hungry, Stay Foolish!
Afa
July 12nd, 2010

-------------------------------------------------- ---

相关文章
  • DHTMLX series of components to use (5) - dhtmlx editor application 2010-07-12

    1. Initialized DhtmlxEditor first dhtmlxSuit in the codebase folder copy the entire folder to your project directory, then create the HTML file. JS and CSS files into 1.1 <link rel="stylesheet" type="text/css" href="codebase/sk

  • flash ScrollBar, List, Alert and examples of the use of components 2010-04-06

    (A) UIScrollBar components: TextField object instance for scrolling, or other MovieClip. Can have horizontal and vertical two kinds of usage. Basic parameters: _targetInstanceName: TextField object is to fill the instance name, horizontal: horizontal

  • Construction of the use of ActionScript components Flex4 2010-08-09

    Because it is specifically for ActionScript to write a chapter, so for the ActionScript we have a best effort basis to look at getting started, is very easy to use a lot of parts with JAVA object-oriented and based on knowledge of previous similar Fi

  • Flex 3 Getting Started (20): build a custom component in ActionScript to build components 2010-08-26

    You can use ActionScript to create reusable components, and in your Flex application can refer to this component as a label. Components created in ActionScript can contain image elements, custom business logic, or extend existing Flex components. In

  • Mobile Web App Frameworks: 10 Great Frameworks 2011-09-07

    Mobile web app frameworks are in high demand as more and more users switch to using mobile devices for the majority of their computing needs. If you're an application developer and you're not developing or porting your apps for mobile use, you're mis

  • NET development site and some excellent resources. NET open source projects 2009-05-18

    Net General Microsoft. Net English Homepage . NET Framework Development Center Microsoft. Net Framework English Product Support Center Microsoft. Net Framework English News Group (Web) Microsoft VB.Net English News Group (Web) Garden blog. NET 2.0 fe

  • Java SE technology 2009-09-09

    What is Java technology? Java technology is both a high-level object-oriented programming language, but also a platform. Java technology is based on the Java Virtual Machine (Java virtual machine, JVM) concept - this is the language and the underlyin

  • java face test set 2009-10-15

    Basic knowledge: 1.c + + or java exception handling mechanism in a simple principle and applications. When the java program java in violation of the semantic rules, java virtual machine errors will be expressed as an exception. Violation of semantic

  • java face questions and answers (based on 122 topics, topics code 19) 2009-11-02

    Basic knowledge of JAVA-related 1, object-oriented aspects of the characteristics of which 1. Abstract: Abstract is that it has overlooked a theme has nothing to do with the current objectives of those aspects in order to more fully with the current

  • java face questions and answers (122 questions based on code title 19) 2009-11-04

    JAVA based on knowledge-related 1, object-oriented aspects of the characteristics of which 1. Abstraction: Abstract is a neglected topic has nothing to do with the current goal of those aspects in order to better attention-related aspects of the curr

  • Basic knowledge of JAVA-related 2009-11-14

    Basic knowledge of JAVA-related 1, object-oriented aspects of the characteristics of which 1. Abstract: Abstract is that it has overlooked a theme has nothing to do with the current objectives of those aspects in order to more fully with the current

  • Java Common Questions 1 2010-03-29

    What are the characteristics of object-oriented aspects of (1). Abstraction: Abstraction is to overlook a topic has nothing to do with the current target those aspects in order to more fully attention-related aspects of the current target. Abstract d

  • struts2-based description of 2009-08-10

    struts2 parts: struts2 basic process: struts2 framework consists of three parts, the core controller FilterDispatcher, operational control and user-implemented business logic components, struts2 framework obtained *. action request, the request will

  • tapestry5 Chinese Document 2008-11-24

    Tapestry framework is a java servlet container and Tapestry is located in between applications layer. Tapestry is not a stand-alone server; it is a servlet extension, which runs on servlet container (eg Tomcat) or a servlet container that contains th

  • WebSphere Process Server V6 architecture overview 2010-03-30

    This article describes the IBM WebSphere Process Server V6's main components, SOA components of the core mechanism and the various functions, QoS service content. 1 Introduction IBM WebSphere ® Process Server V6 (WPS V6) is built on WebSphere Applica

  • Continuous Integration using Hudson 2010-04-02

    Continuous Integration has become in many software development teams in the entire software development life cycle focused on common practices to ensure code quality. In this series, Nicholas Whitehead to introduce you to Hudson, a now very popular o

  • Extjs API official introduction and examples of Ext JS 3.1 RC 2010-03-20

    extjs 3.1 API Ext JS 3.1 RC download examples Extjs Introduction (Reprinted) Official Website: http://www.extjs.com/ API: http://www.extjs.com/deploy/dev/docs/ Chinese API: http://www.jshuwei.org.cn/Ext3/docs/ extjs 3.1 API examples download Annex in

  • samba configuration (from the online collection) 2010-02-17

    samba server configuration file in / etc / samba / smb.conf under the Open a terminal type: gedit / etc / samba / smb.conf can also use the vi editor. Because the file is too long, I personally can not use the East East deleted, mainly because some c

  • I think Microsoft. NET prospect of the technology 2010-04-18

    Original link: http://www.cnblogs.com/bitfan/archive/2010/03/03/1677139.html 2002 release. NET 1.0, after 8 years of development,. NET development to a 4.0, has become a large and complex software development and operating platform, the increasing co

  • hibernate spring integration gethibernatetemplate () 2010-04-26

    6.5 Spring Hibernate Integration Today, very few have J2EE applications may be conducted directly in JDBC persistence layer access. After all, the object-oriented programming language to access relational databases, is a frustrating thing. Most of th