Skip to main content
simfreak
Participating Frequently
May 14, 2025
Question

Suggestion: Custom Element auto-fill display

  • May 14, 2025
  • 4 replies
  • 425 views

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>


    4 replies

    Nancy OShea
    Community Expert
    Community Expert
    May 15, 2025

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

     

     

    Nancy O'Shea— Product User & Community Expert
    Nancy OShea
    Community Expert
    Community Expert
    May 15, 2025

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

     

    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
    Jon Fritz
    Community Expert
    Community Expert
    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

    BenPleysier
    Community Expert
    Community Expert
    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!
    Jon Fritz
    Community Expert
    Community Expert
    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.

    BenPleysier
    Community Expert
    Community Expert
    May 14, 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!