Copy link to clipboard
Copied
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>
Copy link to clipboard
Copied
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!
Copy link to clipboard
Copied
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
Copy link to clipboard
Copied
Hi @Jon Fritz, custom elements go a bit further than the Snippets Window. Have a look at using custom elements
Copy link to clipboard
Copied
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.
Copy link to clipboard
Copied
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
Copy link to clipboard
Copied
To enable Code Hints & Auto Completion, go to Edit => Preferences => Code Hints. Check desired boxes.
Find more inspiration, events, and resources on the new Adobe Community
Explore Now