Dreamweaver 2014 for Mac: Insert <br /> in HTML5 in code and design view

You mean to display Preformatted CODE in Design view?

In that case, use HTML entities.

PREFORMATTED:

<p><pre><code>&lt;p&gt;This is a paragraph with a line break &lt;br&gt;<br> 
followed by a second line.&lt;/p&gt;</p></code></pre>

RESULT:

<p>This is a paragraph with a line break <br>
followed by a second line.</p>

Does that help you?

In the design view the tag <br> is inserted, in the code view <br />.

I like to get a <br /> in the design view too.

I was facing the same issue, to solve it: 

1. 

go to `C:\Program Files\Adobe\Adobe Dreamweaver 2021\configuration\Objects\Characters\Line Break.htm`

2.

change the code to 

function objectTag() {
  // Return the html tag that should be inserted
  return "<br /> ";
}

note that, the extra space " " at the end is important!

----

note (base on what I tried): 

• if you use `<br>` or `<br/>`, it will be fine in both design view or code view. 
• if you use `<br />`, it only works in code view; in design view it will insert `<br>` instead.
• if you use `<br /> ` (with extra trailing space), it then works in both design view or code view. 

(dont ask me why...

Seems like the js code auto convert the `<br />` somehow.

I was trying with special "character codes" of space, to cheat the js code, no luck.

Turns out adding the "extra trailing space" prevents that auto convert.)

Someone in the thread wanted to know, what I expect with "the unicode character", when I type SHIFT+ENTER in the code view.
Please look at: Dropbox - Screenshot 2018-12-08 09.52.18.png

mistershortcut  wrote Hi. I switched from XHTML to HTML5. In the design view the tag <br> is inserted, in the code view <br />. I like to get a <br /> in the design view too.

Its more like you need to get <br> in the code view as html 5 doesnt require the closing tag.

For your first issue, the <br> vs <br/> problem? I guess I never noticed it, I use so few <br> tags in general. I don't have any idea if/where that can be changed. Hopefully someone else has an idea.

To change the code of your default new, you can add to the file at...

C: > Program Files > Adobe > Dreamweaver (your version) > configuration > DocumentTypes > NewDocuments > Default.html

I believe the Mac version starts at Macintosh HD > Application support, but someone with a Mac would need to confirm that for you.

To modify the file:

1. Open it in DW and make your changes. Don't worry about the doctype declaration or the charset meta tag, those get changed automatically by DW depending on your settings. Anything else you add will appear in a new document.

2. Save to your desktop

3. Drag from your desktop to the folder path above. You will need Admin rights to drop it in place, overwriting the original

Your final question, for the keyboard shortcut of a non-breaking space, go to...

Edit > Keyboard Shortcuts > Menu Commands > HTML > Non-Breaking-Space.