Create your own jspeditor based on the WTP Structuredtexteditor
In this section, in any case, get your own editor out of the way and customize the JSP editor that we later faced with WTP.
"Preparation for development environment"
1, Eclipse 3.2 + WTP 1.5
2, corresponding GEF (3.2.1), EMF (2.2.1) series of Plug-ins
3, import the necessary plug-ins into the wo
, note that the path to be started by root ===3 place ======================
Modify here to modify the Web-inf/style.xml file correspondence Modify here to modify ewebeditor.jsp file correspondence
Modify here to modify upload.jsp file correspondence
For example, to upload to the root directory under/upload/:
In upload.jsp
String suploadfilepath= "/upload/";
In Style.xml
In ewebeditor.jsp
String suploadfilepath= ".. /upload/"//Set File upload image display address in Ewebeditor
In versions earlier than myeclipse 9, if you want to add an automaticCodeThe prompt is as follows:
Windows --> preferences --> myeclipse --> files and editors --> HTML source --> content assist
Enter
In this way, when you edit the content in the HTML code, you can enter any characters, spaces, and other characters to enable the code auto-Prompt function.
However, in Versions later than myeclipse 9.0, we cannot see the content assist option after HTML source, so there is no pl
WTP Structured Document
In the previous article we have built our own jspeditor based on WTP's Structuredtexteditor, which will introduce one of the most important data models for our editor: Istructureddocument (Org.eclipse.wst.sse.core.internal.provisional.text.IStructuredDocument), the next article will introduce another istructuredmodel. Look at the Istructureddocument type system as follows:
Above, we see the figure of Istructureddocument, wh
HTMLEditorHttp://amateras.sourceforge.jp/cgi-bin/fswiki_en/wiki.cgi?page=EclipseHTMLEditor ( can also be found in the resources shared by my blog after download, there is only one jar package named Tk.eclipse.plugin.htmleditor_2.1.0.jar, which is copied directly into the Eclipse\plugins .3. The test is successfulOpen Eclipse, and then file->new->other->amateras->html, if you can find that for the installation to succeed.Here's how to modify the font style of an HTML pageWindows->preferences->ge
A previous article was also a Web development plugin installed in Eclipse, but after a lot of people use it, not everyone can use it.Next, find a very useful way to install online.Needless to say, this method can definitely be installed successfully.1. Open the Help ———— >install New software in eclipse2. Click the Add button, then pop up a box, the first text box can be written casually, the second must be written:Http://download.eclipse.org/releases/juno , and then determine3. Wait a few minut
After I modify Connectorservlet.java and Simpleuploaderservlet.java two files, regenerate Fckeditor-java-2.3.jar package, to solve all the garbled problem, there are 3 to modify
1. Modify the character encoding of the Web container, if the Web container is Tomcat, modify the Conf/server.xml file, add "uriencoding=" Utf-8 "" in two connector, I use the Utf-8 code here, So modify to Utf-8, if the item is GB2312 encoded, then set to "uriencoding=" gb2312 "".
2. When uploading files in the Browse Se
WTP Structured Model
For another WTP important data model Istructureddocument has been introduced before, today we look at another core data model Istructuredmodel. Before continuing with the following, make sure that the current workspace has been imported (either in source or binary mode) the following works:
Org.eclipse.jst.jsp.core
Org.eclipse.jst.jsp.ui
Org.eclipse.wst.css.core
Org.eclipse.wst.css.ui
Org.eclipse.wst.html.core
Org.eclipse.wst.html.ui
Org.eclipse.wst.javascript.core
Baidu Editor (baidu. editor), Editor baidu. editor
The editor is usually used in some forums or blog websites. Now I will explain how to generate the editor using Jquery on the page.
1. Page code:
Introduce relevant JS files:
Author: White Wolf Source: http://www.manks.top/article/yii2_umeditor_upload This article copyright belongs to the author, welcome reprint, but without the author's consent must retain this paragraph statement, and in the article page obvious location gives the original text connection, Otherwise, the right to pursue legal liability is retained.
YII2 Framework integrated Baidu Editor, because the file upload is Yii2 bring the uploadedfile, it is inev
The first step: Download all the files required by Ueditor
The Jsp-utf-8 version is used here
Download Link: http://ueditor.baidu.com/website/download.html
Step two: Unzip the download file to the Project Web directory
Step three: Copy the five jar packages under the/jsp/lib directory under the folder to the Web-inf/lib in the project and add them to the project structure
Fourth Step: Modify Ueditor.config.
How to Use quill-editor with style editor in the Vue project, vuequill-editor
By default, vue-quill-editor inserts an image directly into base64 and then into the content. If the image is large, the rich text content will be large.
Insert a video directly in the dialog box and enter the URL address. In some cases, you
Microsoft open-source editor monaco-editor and Microsoft open-source editor
Official Website: "The Monaco Editor is the code editor that powers VS Code. A good page describing the code editor's features is here.
It is licensed under the MIT License and supports IE 9/10/11
Why do I need to make a Rich Text editor [wangEditor5 months summary], editor Text editor1. Why the rich text box?
When it comes to the web Rich Text Editor, many people are impressed by a search on the Internet, so they can throw a brick. Yes, I did search for it, but I really want you to give it a name. How many can you say? -- Probably not much? I don't need t
The use of a few, plus a period of time useless, so it will be more superficial.Vim: Classmates recommend, say, use a bit, but before using really need to learn how to use, very novel, Http://baike.sogou.com/v6545897.htm?fromTitle=VIM, Skilled, write code can not touch the mouse, and soon , but the default skin is not good-looking, with the ESC key mode conversion Some awkward, vim editor is open source software, hehe.Sublime: I do not know where to s
Upload directory please set in fckeditoreditorfilemanagerconnectorsaspconfig.asp
Dim ConfiguserfilespathConfiguserfilespath = "/userfiles/"
Chinese Configuration Description:Because the download down the package contains a lot of in our use, do not use, do not delete the line. Look at a person like the following PHP as an example, the process of slimming
Delete all files and folders that start with "_"Delete the FCKeditor directory:Fckeditor.afpFckeditor.asp PhpchinaFckeditor.cfcFckeditor.cfm
WTP Data Model summarization and Model Management
The WTP Syntax document (istructureddocument), WTP semantic document (Idomdocument or Icssdocument), and WTP are described in detail earlier. Model (Istructuredmodel), in this section will be a
Custom Structuredtexteditor source code instant Check
In the previous section we customized the WTP structuredtexteditor feature, and this section will customize another feature feature for instant source verification. The so-called source of
The content source of this page is from Internet, which doesn't represent Alibaba Cloud's opinion;
products and services mentioned on that page don't have any relationship with Alibaba Cloud. If the
content of the page makes you feel confusing, please write us an email, we will handle the problem
within 5 days after receiving your email.
If you find any instances of plagiarism from the community, please send an email to:
info-contact@alibabacloud.com
and provide relevant evidence. A staff member will contact you within 5 working days.