HTML Formatting - Weird Intenting and Code Reformatting

Permanently deleted user

Created July 02, 2012 19:16

I'm sorta new to IntelliJ and I'm having a rough time editing existing HTML documents.

It seems as if moving lines of code around in the document causes the tab intenting to change, often messing up the nesting of tags.

This was especially bad when the Reformat On Paste option was selected. Since I turned that off, I have less trouble with this. However, it seems like IntelliJ does not handle nested tables very well.

I have tried to begin my work with a Reformat command, so IntelliJ can take control of the formatting, but even when I do this, the code will still get the intenting changed as a I copy lines, move lines up and down, or paste in code.

Often it will change a a line intented with 4 tabs, to a line with 1 tab and 1 space. I feel like I'm spending way too much time reformatting code, and not enough time writing it.

I'm happy to provide any additional information needed to help track down either the source of the issue, or the correct settings I can use to improve the formatting/reformatting of my code.

DW

2 comments

Rustam Vishniakov

Created July 03, 2012 09:44

Hi Dan,
I definitely need more information:
1) Intellij IDEA version,
2) Current code style settings,
3) An example of what doesn't work (a relatively small HTML file where the problem occurs would be perfect),
4) Some steps to reproduce the problem.
Right now I don't see any major issues. Yes, HTML tags are indented on paste or when I move lines but HTML file remains correct. Of course submitting an issue in YouTrack doesn't make any harm even if it eventually will be closed as "won't fix".
Thanks!

Permanently deleted user

Created July 03, 2012 14:51

1) Intellij IDEA version -> 11.2 Build IU-117.418
2) Current code style settings -> Image Inserted. If you need more, I attached the settings.jar from an export.

3) An example of what doesn't work (a relatively small HTML file where the problem occurs would be perfect),
Here are some screen captures:

Example screencast of incorrect tab stop: http://screencast.com/t/YRh1yP1X
Example of reformatting not working as I expect: http://screencast.com/t/etOo5iOkyFJc (The HTML code below shows the exact code used at the beginning of the screencast)

4) Some steps to reproduce the problem.
The steps are shown in both screencasts. Let me know if this is helpful or you need more examples:

<!DOCTYPE html>
<HEAD>
<link href="Common/scorpion.css" rel="STYLESHEET" type="text/css">
<TITLE>Scorpion Logon</TITLE>
     <script language="JavaScript">
     <!-- We always want the login form to be outside of the frames, so we don't end up with nested nested frames
     if (top.location != self.location) {
          top.location = self.location;
     }
     //--></script>

</HEAD>
<BODY onload="handleFormTarget('LoginForm');">

<!--- LOGIN --->
<form action="logon.cfm" method="POST" id="LoginForm">
     <table width="550" align="center" border="0" cellspacing="0" cellpadding="0"  >
      <tr>
          <th colspan="3" valign="top">
               <h2><span ><img src="common/images/New_England_Patriots_Logo_h50.gif" alt=""></span><span >Scorpion Scouting</span></h2>
          </th>
      </tr>
       <tr><td><br></td></tr>
       <tr>
            <td>
               <table align="center" border="0" cellspacing="5" cellpadding="5">
                      <tr>
                         <td width="40%" align="right"  ><b>Username: </b></td>
                         <td width="60%"><input type="Text" name="username" size="25"></td>
                      </tr>
                      <tr>
                         <td align="right" ><b>Password: </b></td>
                         <td><input type="password" name="password" size="25"></td>
                      </tr>
                      <tr>
                         <td colspan="2" align="center"><input type="submit" value="Login" align="MIDDLE"><br></td>
                      </tr>
               </table>
          </td>
     </tr>
          <tr>
                    <td  width="50%" align="center" >Copyright Propel Ahead, Inc.  1999 - <CFOUTPUT>#DateFormat(Now(),"YYYY")#</cfoutput></td>
          </tr>
          <tr>
                 <CFIF IsDefined("Session.logon_message")>
                    <td  width="50%" align="center"><br><CFOUTPUT>#Session.logon_message#</CFOUTPUT></td>
                 </CFIF>
          </tr>
     </table>
     <!--- END LOGIN --->
</form>
</BODY></HTML>

Attachment(s):
settings.jar

Please sign in to leave a comment.