Exit
  • Global community
    • Language:
      • Deutsch
      • English
      • Español
      • Français
      • Português
  • 日本語コミュニティ
  • 한국 커뮤니티
0

Suggestion: Custom Element auto-fill display

Explorer ,
May 13, 2025 May 13, 2025

I would love it if my custom elements would pop-up as I'm opening a tag this would significantly speed my coding. 

Just to clarify, I type:
<custom-e

And it offers as a choice:
<custom-element>


347
Translate
Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Community Expert ,
May 13, 2025 May 13, 2025

Why not try VSCode with agent Claude 7 Sonnet, or better still, Wappler with a variety of AI's.

 

Working on a very complicated app right now, sitting back, smoking a cigar and every now and then telling Claude what I want.

 

Try it out!

 

 

 

 

Wappler is the DMXzone-made Dreamweaver replacement and includes the best of their powerful extensions, as well as much more!
Translate
Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Community Expert ,
May 14, 2025 May 14, 2025

DW is in minimum maintenance. Adobe is no longer adding new features or, really doing much of anything with it aside from updating the browser emulator and a couple OS compatibility items.

While it would take a bit to set up, you could use DW's Snippets Window to create often used custom code and assign a keyword shortcut to each that you type in and hit Tab to expand to the full code.  You can also simply doubleclick the Snippet in the Snippets Window to insert from a list of custom options.

1. Open Snippets with Shift + F9 or go to Window > Snippets
2. Click the New Folder icon at the bottom of the Snippets Window and name it something like "Custom Code"
3. Click the New Snippet icon at the bottom of the Snippets Window
4. Give the Snippet a Name
5. Make sure "Insert Block" is selected in the dialogue window that comes up. "Wrap Selection" doesn't work with keyword shortcuts (the keyword overwrites the code you're attempting to wrap).
6. Add in all the code you want DW to write for you into the Insert Code field
7. Add the shortcut you want to use in the "Trigger Key" field. It should be a few characters long, and something that you can remember, but the Snippets window will also list it next to the Snippet name. You'll type this into code view followed by the Tab key to expand it to your full code.
8. Drag your new Snippet into your Custom folder. From there on out, once you have all of them set up, you can click the chevron by the Custom folder to see a list of both the Snippet name and trigger keywords

Translate
Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Community Expert ,
May 14, 2025 May 14, 2025

Hi @Jon Fritz, custom elements go a bit further than the Snippets Window. Have a look at  using custom elements

 

Wappler is the DMXzone-made Dreamweaver replacement and includes the best of their powerful extensions, as well as much more!
Translate
Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Community Expert ,
May 14, 2025 May 14, 2025

I'm pretty sure the OP just wants DW's Code Hinting to see and unsterstand their custom html tags, and offer them as an option in the dropdown, while hand coding.

Poking around, I found a much faster way for them to do exactly that, using the Tag Libraries Tool...

1. Go to Tools > Tag Libraries...
2. Click the + at the top of the dialogue that opens and choose New Tags
3. Select HTML tags from the Tag library drop down menu
4. Enter the text of the tag, without brackets, into the Tag names field
5. Leave the "Have matching end tags" box checked
6. Hit OK
7. Rinse and repeat for each custom tag

From there on out, custom tag names will appear in the Code Hinting menu while hand coding.

Translate
Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Community Expert ,
May 15, 2025 May 15, 2025

Dreamweaver already contains code hints and auto-code completion.  See screenshot.

image.png

 

In addition, DW contains the Emmet shortcode toolkit.

https://helpx.adobe.com/ee/dreamweaver/using/writing-editing-code.html

 

 

 

Nancy O'Shea— Product User, Community Expert & Moderator
Translate
Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Community Expert ,
May 15, 2025 May 15, 2025
LATEST

To enable Code Hints & Auto Completion, go to Edit => Preferences => Code Hints.  Check desired boxes.

image.png

 

 

Nancy O'Shea— Product User, Community Expert & Moderator
Translate
Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines