Inserting custom HTML tags into a HTMLDocument to be displayed in a JEditor

Does anyone know how to insert custom tags into a HTMLDocument to be displayed in a JEditorPane?
I have tried using the following code,
kit.insertHTML( doc,
                jep.getCaretPosition(),
                "<testtag>FFFF</testtag>",
                0,
                0,
                new HTML.UnknownTag("testtag") );When the above code is run the handleStartTag, handleEndTag and handleText methods are called on the HTMLReader but nothing is inserted into the document model? Can anyone help?
I have created an instance of HTML.UnknownTag,
public static HTML.Tag testTag = new HTML.UnknownTag("testtag");I have subclassed HTMLEditorKit and overridden the getParser() method,
protected Parser getParser(){
    DTD dtd = null;
    try {
      dtd = createDTD( DTD.getDTD("html32"), "html32" );
    } catch ( Exception e ) {
      e.printStackTrace();
    dtd.getElement( "testtag" );
    Parser p = new ParserAdaptor( new DocumentParser( dtd ) );
    return p;
}I have subclassed HTMLDocument and HTMLDocument.HTMLReader and created a TagAction for my new tag.
The following code works fine, the custom tag is in the document model,
    String contents =    "<html>"
                       + "<body>"
                       + "<testtag>Here is some text</testtag>"
                       + "</body>"
                       + "</html>";
    ((HTMLDocument)jep.getDocument()).setPreservesUnknownTags(true);
    jep.setText( contents );

I've been trying to get <blockquote> insert working in an editor but it seems to be a quite difficult task even if it's only about inserting a couple of tags into the right slot! This is the closest I got:
HTMLDocument doc = (HTMLDocument)editor.getDocument();
int start = editor.getCaretPosition()
int paraStart = doc.getParagraphElement(start).getStartOffset();
int paraEnd = doc.getParagraphElement(start).getEndOffset();
String insideBlockQuotes = doc.getText(paraStart, paraEnd - paraStart);
doc.setOuterHTML(doc.getParagraphElement(start),"<blockquote><p>"+insideBlockQuotes+"</p></blockquote>");
This is how it works: Get the current paragraphs start and end positions, read the text between the start and end into a string, replace the paragrapElement with <blockquote><p>..the text from string..</p></blockquote>.
This works 'in about' but it's far from perfect.. it has the following problems:
1. It looses all formatting from the quoted paragraph (bold etc. tags from the quoted part)
2. It assumes that the paragraphElement was a <p> (could have been another element too!)
3. It's ugly
Anybody come up with a better way to use blockquote?

Similar Messages

How to insert customized HTML tags?

Hi
I insert a lot of tags like <p class="foo"> or say <span onmouseover=”doAction(this);”>.
Is it possible in Dreamweaver CS5 to extend a list of insertable tags with my customized tags and do steps like
select some text (say “some text”),
them choose a tag from the list (say <span onmouseover=”doAction(this);”>.)
A fragment “<span onmouseover=”doAction(this);”> some text</span>” will be inserted into the file instead of selected “some text”.
Thank you in advance.

Have you used the Snippets folder to store reusable code fragments?
I use my snippets folder often. Go to an insertion point in your document and double click on the Snippet.
http://webdesign.about.com/cs/dreamweaver/ht/htdwusesnip.htm
Another option is to create and use commands from History steps:
http://help.adobe.com/en_US/dreamweaver/cs/using/WSc78c5058ca073340dcda9110b1f693f21-7780a .html
Nancy O.
Alt-Web Design & Publishing
Web | Graphics | Print | Media Specialists
http://alt-web.com/
http://twitter.com/altweb

Inserting blockquote tags into a HTMLDocument

G'Day,
I'm having a bit of trouble inserting <blockquote> tags into a HTMLDocument.
Basically I want the blockquote tags to implement an indent feature. ie, you click a button and all the text in the current paragraph gets surrunded by blockquote tags, which when rendered makes it indent.
The code I'm using is:
Element current = doc.getParagraphElement(pos);
try
doc.insertBeforeStart(current, "<blockquote>");
doc.insertAfterEnd(current, "</blockquote>");
catch (Exception e)
lets say we have html like this:
<p>
hello
</p>
when this code runs, i get:
<blockquote>
</blockquote>
<p>
hello
</p>
I think that when I do the insertBeforeStart and insert the opening tag, after that completes the document is rendered and the end tag is put in there automatically???
So, can anyone help me out here and suggest a better way?
Cheers,
Leighton.

I've been trying to get <blockquote> insert working in an editor but it seems to be a quite difficult task even if it's only about inserting a couple of tags into the right slot! This is the closest I got:
HTMLDocument doc = (HTMLDocument)editor.getDocument();
int start = editor.getCaretPosition()
int paraStart = doc.getParagraphElement(start).getStartOffset();
int paraEnd = doc.getParagraphElement(start).getEndOffset();
String insideBlockQuotes = doc.getText(paraStart, paraEnd - paraStart);
doc.setOuterHTML(doc.getParagraphElement(start),"<blockquote><p>"+insideBlockQuotes+"</p></blockquote>");
This is how it works: Get the current paragraphs start and end positions, read the text between the start and end into a string, replace the paragrapElement with <blockquote><p>..the text from string..</p></blockquote>.
This works 'in about' but it's far from perfect.. it has the following problems:
1. It looses all formatting from the quoted paragraph (bold etc. tags from the quoted part)
2. It assumes that the paragraphElement was a <p> (could have been another element too!)
3. It's ugly
Anybody come up with a better way to use blockquote?

Can't insert custom HTML or change social widgets to update Phone layout

MUSE 2014.2.1.10, CL 787362 on Windows 8.1 i7 processor 24 GB RAM
Anytime I try to insert custom HTML in the phone layout pages I get a window that says webpage could not be found in a window that is too wide for the screen size and can't be re-sized!!!
I am adding scripts, inline css and custom form code. Need to republish changes and can't on mobile layout. Its local code but I get The webpage cannot be found error!!! It also does this with the built in social widgets.... The code is there in the page on export but you can't preview and since I can't resize the box to 380px wide ( it jumps back open) it throws off my layout when export page.   This is not just custom HTML but upon changing or adding any of the built in social widgets such as Google maps, Facebook or other social media. Forms, buttons, menus and compositions no problems... they work just as they normally would.
Preview mode just gives me the whole page as blank when I try to preview the page in Muse. HELP I need to update the address and the form to match the desktop site but the error is persistent! and undo does not revert it back to previous content I just get the webpage cannot be found box even on undo!!!!

The SECOND picture in my previous post IS THE PREVIEW... NOTHING appears when I try to view the page in phone view!!!!
HERE IS THE CODE!!!!!
<style type="text/css">
input[type="text"]
color: #323232;
border: 1px solid #E0E0E0;
margin: 5px;
fieldset {
border:1px solid #E0E0E0;
padding:10px;
width: 350px;
legend {
padding:10 px 10 px;
border: none;
color:323232;
margin:10px;
textarea
width: 328px;
min-height: 14px;
border-width: 1px;
border-style: solid;
border-color: #E0E0E0;
padding: 6px;
color: #323232;
line-height: 14px;
margin: 10px;
button[type="submit"]
text-indent:0;
border:1px solid #E0E0E0;
display:inline-block;
background-color:white;
color:#323232;
font: Arial, sans-serif;
font-size:12px;
font-weight:bold;
font-style:normal;
height:25px;
line-height:25px;
width:125px;
text-align:center;
margin-top:5px;
button[type="submit"]:hover {
              color:#679E11;
button[type="submit"]:active {
position:relative;
top:1px;
label.label-top {
display: block;
margin-top:5px;
</style>
<form name="emailForm" id="emailForm" onsubmit="return validateform();" action="contact-us.asp" method="post">
<fieldset>
<legend>E-Mail</legend>
<div>
<label class="label-top" for="name">
Enter your Name:
</label>
<input type="text" name="name" id="name" size="30" class="inputbox" value="" />
</div>
<div>
<label class="label-top" for="mail">
E-mail address:
</label>
<input type="text" id="mail" name="mail" size="30" value="" class="inputbox" maxlength="100" />
</div>
<div>
<label class="label-top" for="subject">
Message Subject:
</label>
<input type="text" name="subject" id="subject" size="30" class="inputbox" value="" />
</div>
<div>
<label class="label-top" for="text">
Enter your Message:
</label>
<textarea cols="50" rows="10" name="text" id="text" class="inputbox required"></textarea>
</div>
<div>
<input type="checkbox" name="email_copy" id="email_copy" value="1" />
<label for="email_copy">
E-mail a copy of this message to your own address. </label>
</div>
<div>
<button class="button validate" type="submit">Send</button>
</div>
</fieldset>
</form>
<script type="text/javascript">
function validateform()
var emailRegEx = /^[A-Z0-9._%+-]+@[A-Z0-9.-]+\.[A-Z]{2,4}$/i;
    if (document.emailForm.name.value == '') {
        alert('Name is required');
return false;
    else if (document.emailForm.mail.value==''){
        alert('Address cannot be blank');
return false;
   else if (document.emailForm.mail.value.search(emailRegEx) == -1) {
          alert("Please enter a valid email address.");
     return false;
    else if (document.emailForm.text.value==''){
        alert('Message field cannot be blank');
return false;
else
      alert('Thank you for contacting Argus Talent.');
return true;
</script>

How to insert custom HTML before /body ?

I love that I can insert custom HTML in the <head> of a page in Muse.
However, I need to add custom HTML just before the end of <body>.
Namely, I want to insert custom Jquery calls just before </body>. I can't do this in the <head>.
However, other uses for other people might include inserting Analytics tracking code before </body>, as this is more optimum than in the <head>.
I've tried using a Custom HTML widget, but even if I put it in the footer of my page, it still ends up appearing in the rendered HTML before Muse's Javascript. I need it to come after Muse's Javascript.
Thanks in advance.

Hi Harry,
Please check this discussion, you might find it helpful in making the jQuery calls.
How to (make best) use external js library from html object (need help from dev)
http://forums.adobe.com/thread/1213057
- Abhishek Maurya

How would I insert custom HTML built in a managed Backing Bean into a page?

I believe I could solve a project requirement if I could generate/build custom HTML in a managed Backing Bean and insert or place the output between f:verbatim elements.
The custom HTML output would be similar to:
<ul id="menu" class="view">
<li>New Search</li>
<li>Subscriber
<ul>
<li>Device List
<ul>
<li>New Device</li>
<li>Device</li>
</ul>
</li>
<li>Inbox List</li>
<li>Resend</li>
</ul>
</li>
</ul>Looking at the JSF 1.1_01 API, I don't believe there is a placeholder element?
What is the best approach to do this?
Thanks,

This is exactly what you want:<h:outputText value="#{myBean.htmlString}" escape="false" />where getHtmlString() just returns a plain String object with the HTML in it.
A custom component would be a more clever solution anyway.

How to insert an HTML link into a page

Hello,
We have a list of documents in a external document management system. We would like to present the list of documents to the user for retrieval from within any SRM HTML page.
I was thinking of two different approaches:
1) I would like to be able to insert an HTML link to a URL of documents for display to the end user.
2) Alternatively, we might want to inject some javascript into the screen to handle the presentation of the links.
We would like this functionality to work on any of the screens within SRM as global functionality.
Any suggestions on how to customize SRM to handle this functionality request?
(Will reward points very quickly)
Thanks
Edited by: Aaron Jack on Feb 15, 2008 7:02 PM
Edited by: Aaron Jack on Feb 15, 2008 7:03 PM

Hi,
My project has a requirement to show URL in Bid Invitation screen. In turn, when user clicks that hyperlink, it will pop-up a web dynpro screen.
Maybe this is the same with your need.
In case this is the same, the trick is to define an additional field in bid invitation custom header with customized data element and customized domain.
Then, defined conversion exit for the domain with javascript line such as "<html> bla bla </html>" to pop-up the web dynpro screen in modal dialog.
The result will be as what I have above.
Hopefully this can help you.

Custom html tags with JEditorPane

I'm trying, to use my own tags within html in the JEditorPane. An insert parses without exception but the html in the pane is missing the custom tags that I attempted to insert. I have tried to use the 'setPreservesUnknownTags' command on the html document, but it appears to have no affect. This is the code I have been trying to use:
edtHTML.insertHTML(docHTML, 0, "<p><my:link id=\"12\">ABC</my:link></p>", 0, 0, HTML.Tag.P);
I have also tried
edtHTML.insertHTML(docHTML, 0, "<my:link id=\"12\">ABC</my:link>", 0, 0, new HTML.UnknownTag("my:link"));
Can anyone help?
Thanks

I have no example for custom Tags but I found out that every tag is stored as an attribute.
You can access the attributes if you use a JTextPane. There is a method (i don't know the name yet I will find out tomorrow in the office) which gives you the AttributeSet of each Character at the Carent position. All characters have an attribute "name" and the value of this attribute should be the name of the tag you've inserted.
The only problem is that I had to read out every character so it's quit slow.
If you could find a better solution please let me know ([email protected]).
Thank you.
Jörn

Insert one html page into another html page

Hi there,
I wonder if sombody can help. I am trying to insert one short
html page into another page. I could not find any option or feature
in Dreamweaver that allow me to insert the page at all. The page I
want to insert has the links and it is a short page, just like a
banner. When I update the links on that page it will update all
other pages in the website. I do not have to open many pages to
update. I have been using FrontPage and I am now converting to
Dreamweaver. Some codes from FrontPage does not work in
Dreamweaver. I would very much appreciate if somebody can help with
the codes.
This is my website so that you can understand what I mean. At
the top of the screen there are many links that are from one page I
inserted into index.html. I use FrontPage. But, Dearmweaver does
not work that way.
Thank you. Kevin

Be aware that IFrames carry all the disadvantages that frames
do, for both
you and your client's visitors.
Murray --- ICQ 71997575
Adobe Community Expert
(If you *MUST* email me, don't LAUGH when you do so!)
==================
http://www.projectseven.com/go
- DW FAQs, Tutorials & Resources
http://www.dwfaq.com - DW FAQs,
Tutorials & Resources
==================
"polarl light" <[email protected]> wrote in message
news:g06ad0$2rm$[email protected]..
>
>> I wonder if sombody can help. I am trying to insert
one short html page
>> into
>> another page. I could not find any option or feature
in Dreamweaver that
>> allow
>> me to insert the page at all. The page I want to
insert has the links
>> and it
>> is a short page, just like a banner. When I update
the links on that
>> page it
>> will update all other pages in the website. I do not
have to open many
>> pages
>> to update. I have been using FrontPage and I am now
converting to
>> Dreamweaver.
>> Some codes from FrontPage does not work in
Dreamweaver. I would very
>> much
>> appreciate if somebody can help with the codes.
>
> Depending on what you want to do you can use SSIs or an
Iframe. SSIs are
> good for things such as headers, menus and nav bars that
you want to stay
> the same across a range of pages. Iframes let you load
an external HTML
> file into a predefined area of your page so you can
display different
> content while staying on the same page.
>

Replacing html tags in a htmldocument

Hi Java Gurus
I have a htmldocument which has the bacjground set to black and foreground to white.
When i print the document i see the text in white color ( rather invisible).
I thought the foreground color of the document needs to be changed.
How can i do this ?
Thanks in advance
Naveen

rest_in_peace wrote:
You'll get a faster, more effective response to your questions by including as much relevant information as possible upfront. This should include:
<li>Full APEX version
<li>Full DB version and edition
<li>Web server architecture (EPG, OHS or APEX listener)
<li>Browser(s) and version(s) used
<li>Theme
<li>Template(s)
<li>Region/item type(s)
Read the FAQ and forum sticky threads for more information on using the forum effectively.
With APEX we're fortunate to have a great resource in apex.oracle.com where we can reproduce and share problems. Reproducing things there is the best way to troubleshoot most issues.
I have created a form on a table. Now one of the fields in the form is a display only field and its datatype is varchar2.There are a number of different ways of "creating a form on a table" and of making "display only fields". Describe exactly what you mean using actual APEX terminology of regions, items, and their attributes.
The data in the database column of the field contains html tags which is getting displayed as it is without being parsed. It is not possible for me to edit the data in the table itself since there are thousands of data. So I need a way to display the data with the html tags parsed and not displayed as it is. Please any help would be grealy appreciated. How this is achieved is version-dependent: provide the full APEX version.

Can you insert a HTML tag in mail?

Basically I want to replace a very long and messy hyperlink with one word (DIARY) as a signature on my emails. I believe this is called a HTML tag. Anybody have any ideas on how to do this?
Thanks

Hi
assuming you create a signature in Mail-Preferences-Signatures
then do so, using the single word (or more) -
select/highlight the part you want as a link & ctrl-click it, choosing Link - Add Link
( or use the Mail-Edit-Edit Link command, or the Command-K keyboard shortcut )
copy/paste the web address you want.

How is it possible to insert the .html button into the header?

Hello everybody!
My site is [link removed - promotion is not permitted here] But I have one more site as well. I'm a newbie still in this matter and learn everything by myself, so, I need some help, guys. I would like to create the same header like in my site and insert the html button in the picture. Should I use Photoshop for this purpose or another tools? And it would be nice also to make links in the infographics as well. How should I be?
Thanks. Appreciate your help

Just use JavaScript!
http://www.crowderassoc.com/javascript/backbutton.html

I embedded some HTML code into adobe Muse but not displaying when the pages are Exporting to HTML

I embedded some HTML code into adobe Muse and when I published the remote site on business catalyst the (Add This widget) HTML code shows up but when I exported the site to HTML pages and view the index page in the browser (Safari, Chrome, Firefox) the (Add this widget) HTML code wouldn't display on any of the pages. I've used this code before on other Muse sites not sure what could have happened. Thnx!!!

Hi,
Please take a look at this post for a similar discussion : Re: When i export my muse website my youtube video links stop working. Why is this?
Regards,
Aish

Custom HTML tags in JTextPane

Hi all,
I have seen this topic broached before but, in spite of many hours searching, haven't found the answer I'm looking for...
I jave a JTextPane containing an HTMLDocument and want to render elements within my own custom tag 'Custom' outlined in red.
I have subclassed HTMLEditorKit as follows:import javax.swing.text.ViewFactory;
import javax.swing.text.html.HTMLEditorKit;
public class HTMLEditorKitForCustom extends HTMLEditorKit{
     public ViewFactory getViewFactory(){
          return htmlFactoryForCustom;
    private static final ViewFactory htmlFactoryForCustom = new HTMLFactoryForCustom();
}I have subclassed HTMLEditorKit.HTMLFactory as follows:import javax.swing.text.View;
import javax.swing.text.Element;
import javax.swing.text.html.HTMLEditorKit;
import javax.swing.text.StyleConstants;
public class HTMLFactoryForCustom extends HTMLEditorKit.HTMLFactory{
     public View create(Element element){
          Object object = element.getAttributes().getAttribute(StyleConstants.NameAttribute);
          if(CustomView.CUSTOM_KEY_TAG.equals(object)){
               return new CustomView(element);
          return super.create(element);
}And, I have subclassed LabelView as follows:public class CustomView extends LabelView{
     public CustomView(Element element){
          super(element);
     public void paint(Graphics g, Shape a){
          super.paint(g, a);
          Rectangle rectangle = a instanceof Rectangle ? (Rectangle)a : a.getBounds();
          Graphics2D g2d = (Graphics2D)g;
          g.setColor(Color.RED);
          g.drawRect(rectangle.x, rectangle.y, rectangle.width, rectangle.height);
     public static final String CUSTOM_KEY_TAG = "Custom";
     public static final String CUSTOM_TYPE_TAG = "ccVarType";
     public static final String CUSTOM_NUMERIC_TYPE_TAG_VALUE = "Numeric";
}The JTextPane in question has its EditorKit set to my HTMLEditorKitForCustom throughtextPane.setEditorKit(new HTMLEditorKitForCustom();In combination, these classes ensure that when a <Custom>...</Custom> set of tags is encountered, the text between is rendered with a red outline.
This works fine when the custom tags and text are inserted but, as soon as a change is made that affects the paragraph containing the custom tags (for example, change alignment, font size, etc.), the content disappears. However, the underlying HTML still shows the <Custom> tag, but with no closing tag and without the text the tags once contained.
E.g. <Custom>Fred</Custom> becomes simply <Custom>.
Any help in solving this problem will be greatly appreciated!
Chris.

Stas, thanks for your response!
I did try registering the tag, and associating it with a SpecialAction then with a CharacterAction (I want the user to be able to change the font style, etc. of these Custom items).
I did this by creating HTMLDocumentForCustom (original name, huh!), subclassing HTMLDocument and inner HTMLReaderForCustom:// (Within HTMLDocumentForCustom)
public class HTMLReaderForCustom extends HTMLReader{
public HTMLReaderForCustom(int pos){
    super(pos, 0, 0, null);
    registerTag(new HTML.UnknownTag(CustomView.CUSTOM_KEY_TAG), new SpecialAction());
}Then I created a new HTMLDocumentForCustom and did textPane.setDocument(document). Now, when I inserted the text between Custom tags, I got this exception:javax.swing.text.BadLocationException: Invalid insert;
     at javax.swing.text.GapContent.insertString(GapContent.java:109);
     at javax.swing.text.AbstractDocument.handleInsertString(AbstractDocument.java:722);I was using the following code to insert the text:SimpleAttributeSet attributes = new SimpleAttributeSet();
attributes.addAttribute(StyleConstants.NameAttribute, CustomView.CUSTOM_KEY_TAG);
try{
document.insertString(1, "Custom Here!", attributes);
catch(BadLocationException ble){
ble.printStackTrace();
}Inserting at position 1 was working fine before trying to subclass HTMLDocument and HTMLReader, and there's already text in the document before trying the insert -- in fact it didn't matter what the insert location was set to, the exception kept occurring.
Can you see anything obvious I've missed or am I barking totally up the wrong tree?
Chris.

Inserting an html file into a div

I have an html file that includes jQuery script, CSS and image links (a rotating banner). I need to insert it into the wrapper template on the front of my site.
Currently there is a rollover image where I need the banner to go;
<link rel="shortcut icon" href="favicon.ico" >

<div id="promotional" padding="0"><a href="../programming/legislature.html" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('cornerlegis','','../images/legis3hover.jpg',0)"><img src="../images/corner_legis3.jpg" name="cornerlegis" width="220" height="157" border="0" id="cornerlegis" /></a>

<div id="newsfeature">
This banner and it's jQuery scripts are located in the root folder of the site.
How can I get the banner ito this div location? I'm using Dreamweaver CS4.
Thanks for your help.

we210 wrote:
I have an html file that includes jQuery script, CSS and image links (a rotating banner). I need to insert it into the wrapper template on the front of my site.
Currently there is a rollover image where I need the banner to go;
<link rel="shortcut icon" href="favicon.ico" >

<div id="promotional" padding="0"><a href="../programming/legislature.html" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('cornerlegis','','../images/legis3hover.jpg',0)"><img src="../images/corner_legis3.jpg" name="cornerlegis" width="220" height="157" border="0" id="cornerlegis" /></a>

<div id="newsfeature">
This banner and it's jQuery scripts are located in the root folder of the site.
How can I get the banner ito this div location? I'm using Dreamweaver CS4.
Thanks for your help.
Use an include file?
Create a new file and save it as banner.ssi
Insert all the code related only to the banner into the banner.ssi (it should contain nothing else, no <body>, meta, <title> tags etc.
Change the extention to the file name of the page into which you want the banner to be include to .shtml
So for instance if I want the banner to appear in a file called 'aboutus; instead of 'aboutus.html' it would become 'aboutus.shtml'
In the .shtml page place the below code between the <div></div> tags in which you want the banner to appear.
<div id="promotional">

</div>
Finally link the jquery scripts to the .shtml page NOT the banner.ssi file.
The include should show in Design View and Live View in the Dreamweaver environment.
Alternatively if you know a little bit about php you can use that:
<div id="promotional">
<?php include("banner.php"); ?>
</div>

Inserting custom HTML tags into a HTMLDocument to be displayed in a JEditor

Similar Messages

Maybe you are looking for