WYSIWYG HTML Editor code

I was reading a lot of old messages in this forum and there was some about people who had created a WYSIWYG HTML Editor. They were willing to share the code. I'm insteresting in how a good such editor are build... Is there anyone who wants to share such an editor to me?

I'm insteresting in how a good such editor are build...
Is there anyone who wants to share such an editor to me?The HTML-Editor Ekit is under the Gnu Public Licence.
You can download the source code from their website:
http://www.hexidec.com/ekit.php
Did you search such a thing?
Marcus

Similar Messages

Creating a WYSIWYG HTML editor

quick question:
I'm creating an HTML editor using JTextPane for my GUI and an HTMLEditorKit in the back. I'm just running a simple test with the following html file:
<html>
<head>
</head>
<body>
 
 let's make a web page
 
 
 
 
 just to see if this works
 
</body>
</html>I'm calling
HTMLEditorKit editorKit = new HTMLEditorKit();
HTMLDocument doc = (HTMLDocument) editorKit.createDefaultDocument();
editorKit.read(m_reader, this.getDoc(), 0);where m_reader is a FileReader linked to the above file.
Then I'm using that as the content for my JTextPane by saying
textPane = new JTextPane(doc);Then when I do a System.out.print(textPane.getText()), I get:
<html>
<head>
</head>
<body>
 
 
</body>
</html>any ideas?

Originally posted by: aullah.thinkanalytics.com
Jai Kejriwal wrote:
> I am trying to create a WYSIWYG HTML editor. For text boxes, I thought it
> would
> be best to use the swt text widget that could be dragged and dropped.
> However,
> the text widget needs to have a Composite that it can be added on to. Does
> this
> mean that I will have to create my own visual representation of a text
> widget by
> extending the Figure class?
> Also, if you all have any experience/ideas of how I should proceed with
> creating a WYSIWYG
> HTML editor, I welcome your input. Particularly, what layout should I use
> for the base page,
> and how should I handle code generation. I am a newbie so the help means a
> lot.
I'd create my own Draw2D figure to render text boxes and other html
elements. SWT widgets can't (as far as I know) be embedded in the GEF
GrapicalViewer's main (SWT) control. You're building blocks are Draw2D
figures. A nice emulated lightweight solution (c.f swing).
The other great advantage, is that a figure based TextField gives you the
the ability to style the appearance of the textbox, ie border, colour, etc.
You could create a base figure styling interface.
The TextField or TextBox, could be based on a draw2d.text FlowFigure.
You're also going to need to have some form of FlowLayout for the page,
to emulate how elements flow on a HTML page in a browser.
I guess the Logic Diagram labels are a good place to start looking.

WYSIWYG HTML editor extension or replacement

Hi everybody,
We have a client that needs additional functionality in the WYSIWYG HTML editor in Oracle9iAS Release 2. Specifically the client needs to add pictures to an article/text in a simple browse and insert kinda way. It would be desirable to be able to choose from the users harddrive and pictures in a repository.
Is there any way to extend or replace the build-in the WYSIWYG HTML editor ??
Any contributions are welcome ..
Best regards
Christian Ballisager, Denmark

Hi
We have developed a WYSIWYG HTML editor to extend the functionality of Oracle Portal 3.0.9. The editor has the functions you ask for but today it only works in IE browser.
Best regards
Lennart Ereback, Sweden, [email protected]

WYSIWYG HTML editor developed in Java

I need a HTML editor developed in Java and of open source so that I could inhibit some actions. This editor needs to be graphic introducing the result of HTML, as it does FrontPage, so that any user can modify his content.
It will be that someone can help ?

Have a look at [Metaphase Editor|http://www.metaphaseeditor.com] . It's a WYSWIWYG HTML Editor component for Java and is licensed under LGPL.
The binaries and source code is available at [Project Kenai|http://kenai.com/projects/metaphaseeditor] .

Html editor for jsp

hello ppl,
is there any html editors entirely written in jsp.
i want to edit the content on weserver throught the editor.
which should have the source code available.
can u plz help me guys,
thanks

Do u think there exists any WYSIWYG HTML editor
written in JSP?They may exist, but should perform very poorly in perspective to the existing ones which are written in a clientside language, e.g. JavaScript (FckEditor and so on).
I don't even know what he actually mean?
May be he's trying for WYSIWYG editor for HTML/JSP.No, I am certainly sure that he is asking for an WYSIWYG editor written in JSP. At least, he is asking that literally in the topicstart.

Licensing and HTML Editor for Large No of Content Providers

Hi All
Currently evaluating RH (paln to use XHTML editor for source and targets will be WebHelp, hopefully with RH Server and export to Word for manual). We have a suite of 17 apps and will use a master project and child projects for each app. Got that all setup and my master pages, etc. Export to word looks pretty good.
I have about 20 content providers (no dedicated documentation resources), so I need a way for them to contribute styled content. I really don't want them using Word as it's too easy for them to stray from the supplied styles (we have that problem now for our Word docs). I'm keeping the style pretty simple (Para Styles: ChapterHead, H1-4 and Normal. Char Styles: MenuOption and Note, One OL and one UL. I'm sure I'll add a few more.) So I need to find a way for content authors to contribute and edit. (from what I've read, the PDF review will work well for review cycles. Seems my options are:
RH: I'm assuming that if I want them to use RH editor they all need a copy of RH @ $1,000 a seat, so that's out of the question.
Adobe Contribute may be an option: any using it with RH? IF so, how well does it integrate?
It seems my best option (to get the project approved and off the ground--read "low startup cost") is a simple free WYSIWYG HTML editor. I can supply everyone the CSS and a template, and they can create clean HTML. Anyone got any recommendations?
Other choices? Looking for suggestions
Any comments/suggestions on the above plan?
Regards
Mark

There is an article on my site about using Contribute. I tried it and how well it works depends on your level of patience and the people using it. I gave up after a while! RoboHelp has changed to XHTML since I tried so that may also be an issue.
The free HTML editors may not understand RoboHelp's processing instructions and may well munge them, be very careful. Some are based on the Gecko engine and my experience is that inserts tons of blank lines.
I think I would explore using Linking first. If that does not work for you, let them edit in Word and you then use Word's "compare files" function to find the changes and make them manually. We have also asked editors to mark any changes with three hash symbols so that we can search for the changes quickly. It may sound a bit archaic but it works very well.
See www.grainge.org for RoboHelp and Authoring tips
@petergrainge

Can I include both CSS and HTML codes in one Open HTML Editor.

Somehow Cell phones are not properly reading css codes. Is there any way to include both CSS and HTML codes in one Open HTML Editor?

Hammad, their code is fairly mobile friendly. Per my other discussion with you ( http://topliners.eloqua.com/thread/8532 ), Eloqua's code is responsive for the most part. Most of their issues lie with the styling of the email where you will get different fonts and different sized fonts throughout the email and some other minor display issues.
What you are trying to accomplish is extremely difficult to do because you do not have the access to the HTML to better control how the responsive template works which is why the Eloqua templates (and most ESP templates) stick to the more basic side of emails.
If you want to use Eloqua's WYSIWYG to make their responsive email you can do so, but I would recommend deleting all their body text before editing anything because of the inconsistencies in their code. Otherwise, I think you would be better off coding the emails outside of Eloqua using a 3rd party editor whether it's something more robust like Dreamweaver or Coda, or whether you feel comfortable working in a more text environment with programs like Notepad++ or Brackets.
At the end of the day remember you are paying Eloqua for these and if you choose to stick with the WYSIWYG and you are not getting the results you expect you need to tell Eloqua through your support channels.

Embeded html editor

Hello there:
In my project I wanted to add rich text support for the editor thus I used DefaultStyledDocument. It works fine, as it supports Bold/Italic/underline, foreground/background, etc, and I can save the data as the binary files. However, I was impressed by the online html editor like this: http://www.interspire.com/devedit/
I think Swing should be able to implement something like this. I don't really want my users able to access the html code, I just want my application to provide a WYSIWYG environment and the app is going to save the data as HTML files in the background.
I noticed there is a class extending DefaultStyledDocument, HTMLDocument, I am not sure if this class can help me reach my goal.
Any suggestions? Or link to some sample code?
Thanks a lot,
Sway

Benjamin wrote:
> Hi,
> I found in page http://wiki.eclipse.org/index.php/ATF/JSDT, it says there
> will be translator interface in wtp3.1 for embedded javascript editor to
> other languages, does the translator interface ready in wtp 3.1?
Hi Benjamin,
I believe the translator interface being talked about is IJsTranslation.
That may be a good place to start looking. It can be found in
org.eclipse.wst.jsdt.web.core.
The main JSDT specific extension point you'll probably use is:
org.eclipse.wst.jsdt.web.core.javascriptPreProcessor - where you specify
your translator.
Take a look in org.eclipse.wst.jsdt.web.core and
org.eclipse.wst.jsdt.web.ui to see how JSDT support gets added to the HTML
and JSP editors.
Thanks,
Chris

HTML editor - design view doesn't accept specific chars on Polish keyboard

I'am trying to edit simple HTML page based on the JDeveloper wizard and I cannot input specific windows-1250 code page characters in the design view of the HTML editor altough I can do it in the source pane.
The code page is set properly
example document content
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1250"></meta>
<title>JDeveloper Journal, Issue 1, Welcome</title>
</head>
<body>
Wypłata prowizji / wypłata zaliczek
</body>
</html>
JDeveloper 10.0.1.3 (10g EA 3) on Windows 2000 Professional SP4 Polish version
Regards
Piotr Dadura

Code errors are responsible for 98% of rendering problems. Your pages lack a valid doc type declaration which puts them into quirks mode.
On line #1 in code view, change this:
 <html>
to this:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
At least that will give you a fighting chance of validating without errors. Use the online code validator below to check for other errors in all your site pages.
 http://validator.w3.org/
Incidentally, asking a non-coder to use Dreamweaver is form of punishment. Basic coding skills are necessary to get the most out of this product. Anything less is going to result in frustration and confusion.
It's worth noting that DW is NOT a WYSIWYG editor. Design View is at best, an approximation of what you can expect to see in some browsers. For best results, use Live View in Split View and edit the code.
Nancy O.

WYSIWYG HTML Entry for Portal

People,
We have a requirement for a WYSIWYG HTML entry "widget" to enter in html data into portal rather than using the basic text entry field where you have to mark up the text yourself in pure html.
Internet Explorer has a ActiveX control that can be accessed through JavaScript such that the data entry on screen is looks like an editor like FrontPage/DreamWeaver but underneath it stores the actual HTML code. I would like to use this editor instead of the built in basic HTML Form based textArea.
Has anyone figured out a way to do this?
null

If you research DHTML components and MSHTML components, you'll find the information regarding the built in object (no cost, no product -- custom coding required to build out the interface and any custom menu requirements needed.)
http://msdn.microsoft.com/library/default.asp?url=/library/en-us/dnmshtml/html/mshtmleditplatf.asp
http://msdn.microsoft.com/library/default.asp?url=/workshop/browser/editing/activateeditor.asp
http://msdn.microsoft.com/library/default.asp?url=/library/en-us/vcsample/html/vcsamHTMLEdSampleWrapsInternetExplorerMSHTMLEditingControl.asp
http://msdn.microsoft.com/library/default.asp?url=/workshop/browser/mshtml/tutorials/tutorials.asp
http://msdn.microsoft.com/library/default.asp?url=/library/en-us/wcehtml/htm/ceconMSHTMLPrototypes.asp
http://msdn.microsoft.com/library/default.asp?url=/library/en-us/wcehtml/htm/ceconMSHTMLFunctions.asp
Here's a couple articles too:
http://www.euromind.com/iedelphi/EditHTML.htm
http://groups.yahoo.com/group/delphi-dhtmledit/
http://www.byte.com/documents/s=1113/byt20010806s0004/20010806_udell.html
http://activex.adsp.or.jp/english/specs/Sweeper_Object_Model.htm
What I know is that you need to search for the menu bar icons to add to the content window. Some javascript required to bring it all together.
ActiveEdit from cfdev also has promise, it deploys a JSP based HTML edition (With Source Code). Integrating it with Oracle Portal 3.0.9.n release might prove challenging as the content api is only published for PLSQL implementation.
http://www.cfdev.com/activedit/jsp.cfm
Any one interested in collaborating in building this solution let me know.

Creating a small HTML-Editor using JEditorPane

Hello! I'm trying to create a small HTML-Editor. Via this editor users shall be capable to create formatted text (bold, italic, underlined, different sizes, different fonts, different colors). Furthermore, if the user pushes the enter-button a new line-break ( ) shall be inserted. Basically my editor is working but with some big problems:
1. When I create an instance of my editor, I initialize it with some html-code.
this.m_EditorPane.setText("<html><head></head><body></body></html>"); Without this initialization between the <body> and </body> and will be inserted, what I don't want. But if I push now the enter-button at the beginning, -tag will not be inserted in the <body>-area but in the <head>-area.
2. Styling text is working really good, but when I insert a line-break (via enter-button), the -tag is inserted after the (e.g.) closing bold-tag (). So, in the next line, this style-property must be reselected.
Can anybody help me to change this behavior?
Kind regards, Stefan
P.S. The way I insert the -tag:
JEditorPane editor = getEditor(ae);
HTMLDocument doc = getHTMLDocument(editor);
HTMLEditorKit kit = getHTMLEditorKit(editor);
editor.replaceSelection("");
int offset = editor.getCaretPosition();
kit.insertHTML(doc, offset, " ", 0, 0, HTML.Tag.BR);
editor.getCaret().setDot(editor.getCaretPosition());P.P.S. Sorry for my bad english :-/

Hello! I'm trying to create a small HTML-Editor. Via this editor users shall be capable to create formatted text (bold, italic, underlined, different sizes, different fonts, different colors). Furthermore, if the user pushes the enter-button a new line-break ( ) shall be inserted. Basically my editor is working but with some big problems:
1. When I create an instance of my editor, I initialize it with some html-code.
this.m_EditorPane.setText("<html><head></head><body></body></html>"); Without this initialization between the <body> and </body> and will be inserted, what I don't want. But if I push now the enter-button at the beginning, -tag will not be inserted in the <body>-area but in the <head>-area.
2. Styling text is working really good, but when I insert a line-break (via enter-button), the -tag is inserted after the (e.g.) closing bold-tag (). So, in the next line, this style-property must be reselected.
Can anybody help me to change this behavior?
Kind regards, Stefan
P.S. The way I insert the -tag:
JEditorPane editor = getEditor(ae);
HTMLDocument doc = getHTMLDocument(editor);
HTMLEditorKit kit = getHTMLEditorKit(editor);
editor.replaceSelection("");
int offset = editor.getCaretPosition();
kit.insertHTML(doc, offset, " ", 0, 0, HTML.Tag.BR);
editor.getCaret().setDot(editor.getCaretPosition());P.P.S. Sorry for my bad english :-/

Run script in HTML editor in WebView WP8.1

I am developing an app in which I need to give HTML editing facility to the user. So I tried different HTML editors but finally TinyMCE was able to show controls for editing. But I am not able to set the contents of Editor. It gives Exception Exception
from HRESULT: 0x80020101. And I tried all different solutions but could not figure it out. Here is link to my project
string tinyMice = "<script type='text/javascript'> function myfun() {tinymce.execCommand('mceInsertContent', false, getQueryStrings());}myfun()</script>";
await System.Threading.Tasks.Task.Delay(TimeSpan.FromSeconds(1));
await webview_demo.InvokeScriptAsync("eval", new string[] { tinyMice });
Can somebody help?

hey,
I am not sure what you exactly want to do but I took a look at the project you uploaded.
First of all, you better use the NavigationCompleted or
FrameNavigationCompleted event for executing onload functions.
I have no idea about the tinymce js plugin but here is what I did to create a similar scenario.
1) First, create a js function in the removeformat.html to return a string (replacing your getQueryStrings functions)
function returnMessageValue() {
return "Hello JS World";
2) then create a script notify event handler and wire it up to the page so we can get alerts from the html page loaded.
In NavigationCompleted event:
string result = await this.webview_demo.InvokeScriptAsync("eval", new string[] { "window.alert = function (AlertMessage) {window.external.notify(AlertMessage)}" });
this will notify the webview about window.alert's. So we subscribe to the Script notify event:
webview_demo.ScriptNotify += (sender, args) =>
MessageDialog m = new MessageDialog(args.Value);
m.ShowAsync();
and finally the code execution for our function:
await webview_demo.InvokeScriptAsync("eval", new[] { "window.alert(returnMessageValue())" });
// await webview_demo.InvokeScriptAsync("eval",
// new[] { "tinymce.execCommand(\"mceInsertContent\", false, getQueryStrings())" });
result:
hope it helps
Can Bilgin
Blog
Samples CompuSight

How to configure webforms HTML editor in SAP 4.7 version

Hello Experts,
I have been trying to access one of the web forms in sap 4.7 , when i double click the form instead of opening an editor, it is showing me an error ''No HTML editor configured - please complete your personal settings using MS notepad as default''**
I am stuck any help would appreciated.
Regards,
Neeru Sangwan.

for the result of function module you can check the documentation (from SE37 transaction code)
Status of User Password (Value: -2/-1/0/1/2/3, see docu.)
Definition
Status of the user password (relating to whether it can or must be changed)
Value Meaning
-2 Password cannot (generally) be changed
-1 Password cannot be changed today (only allowed once a day)
0 Password can be changed, but does not have to be changed
1 Password is initial and must be changed
2 Password has expired and must be changed
3 Password must be changed because it no longer meets the new rules

Is there a way to embed an html editor in a webdynpro application?

Hi,
I need to create a webdynpro app that has an html editor. I have javascript code(for an html editor) avalaible, but as far as I know there is no way to embed it. Any suggestions? Or is there an existing UI element that I missed?
Regards,
Harsh

hi ,
Using a Iframe UI u can give the source as the path to this html file(the javascript code). But everytime a event occurs the content i the IFrame UI gets refreshed.
If u have to just display a content in Iframe UI its fine. If u r planning to navigate inside it ..it wont work out .
You can fire a exit plug to the javscript code if its the last step in ur application or u can fork a process and create a external window with this url.
Hope this helps
Regards
Bharathwaj

How could I edit correctly my bullets in my html editor

I try to manage bullets in a simple HTML Editor.
To do that, I used two differents methods but they both failed.
When I look at the generated source code, my tags correcty exist but in the HTMLDocument, I can't see the text well formatted.
Is anybody could help me?
Thanks a lot
Here is the two methods I chose:
The first one was:
MutableAttributeSet attr = new SimpleAttributeSet();
attr.addAttribute(StyleConstants.NameAttribute, style);
int xStart = m_HTMLEditor.getSelectionStart();
int xFinish = m_HTMLEditor.getSelectionEnd();
m_doc.setParagraphAttributes(xStart, xFinish - xStart, attr, false);
And the second one was:
try{
 MutableAttributeSet attr = new SimpleAttributeSet();
 attr.addAttribute(StyleConstants.NameAttribute, HTML.Tag.LI);
 m_doc.insertString(m_HTMLEditor.getSelectionStart(), m_HTMLEditor.getSelectedText(), attr);
catch(Exception ex) { IdeMessageManagerAccess.printMessage(IdeMessageType.INFORMATION, "An exception occured during the inserting bullet");
}

Hi,
implementing list formatting for HTMLDocuments is complex. To format an arbirtrary text portion as list, <ul> or <ol> and <li> tags have to be added to respective text.
As one can not predict if a selected text portion has already list formatting or contains a mixture of list and plain text formatting, there are a lot of cases to implement.
My proposal is to just copy a working implementation as it is present in application SimplyHTML at http://www.lightdev.com/template.php4?id=3
Ulrich

WYSIWYG HTML Editor code

Similar Messages

Maybe you are looking for