Web Designer?

Hello Christian,

We don't have any WYSIWYG design functionality in any of our products, and

don't plan to implement that in the future.

I really like the web-based auto complete that i get in PyCharm.

However, I've been evaluating WYSIWYG html/web designers recently

(Dreamweaver). But, I find myself using the 'split' mode of

Dreamweaver where I write the code and watch the auto-updating visual

editor. Does PyCharm (or any of the intellij-based platforms) have

something similar to a 'visual' desginer? Or do most people who write

the templates/html code for django apps primarily write some code,

jump to a browser and refresh? Or write the static content using a

full-blown designer and then break it up into django templates? I

would be grateful for any ideas....

--

Dmitry Jemerov

Development Lead

JetBrains, Inc.

http://www.jetbrains.com/

"Develop with Pleasure!"

Sounds fine.

Can you help me with one thing? Maybe I'm doing it wrong, but when I externalize my css definitions to a css file, and I try to add new entries, I cannot autocomplete for the classes/ids for which that css file is being used for. Do i need to set something up? The autocomplete works fine if the css is embedded directly into the HTML file in a <style> tag, but when it's externalized the autocomplete only sees things declared within that file. Woudn't it be helpful to autocomplete for classes/ids that are not already in the css file?

Thanks,

Christian

If you like PyCharm's web-based auto-complete but are looking for a more visual approach similar to Dreamweaver’s split mode, here are some ideas: PyCharm Plugins: PyCharm doesn’t have a built-in WYSIWYG visual designer, but you can use plugins like "LiveEdit" that allow for real-time previews in the browser as you code. However, it still requires a browser jump to see changes. Workflow for Django Apps: Most developers writing Django templates either: Code and Refresh: Write HTML/CSS/JS directly in PyCharm and manually refresh the browser. Use Designers: Design static content in tools like Adobe XD or Figma, then break it into Django templates. Alternative Tools: Consider tools like WebStorm (also by JetBrains) that offer more web-focused features, though it still lacks true WYSIWYG editing. Otherwise, using PyCharm for coding combined with a browser for visual testing remains the common approach. Unfortunately, PyCharm doesn’t offer the visual designer experience like Dreamweaver, so integrating a designer tool with your coding workflow might be the best option.

Here are the source websites where you can find more information on the tools and workflows mentioned:

1. PyCharm LiveEdit Plugin: JetBrains Plugin Repository - LiveEdit
2. WebStorm (JetBrains): WebStorm by JetBrains
3. Adobe XD: Adobe XD
4. Figma: Figma - UI/IUX Design