Switching from old editor, and have...

User 413502 Photo


Registered User
7 posts

Hello all, I love my new software but.... I'm feeling the pain of switching html editors after 12+ years - ouch! Maybe you can help me get my Coffee Cup legs....

Q-1. First off I'm used to clicking a button on the menu-bar and having that action, not a drop down list of possible related actions. This is adding one more step to my work sequence, and it's driving me nuts. Say, I want to save the file I'm working on, I just want a fast way to 'save' it, if I want to change it's name or dir then I'll go to the File Menu. So how do I get one-click gratification in CC 12.5? Menu's -drop down yes, but buttons just give the default expected.

Q-2. HS would assume dir location when inserting links, images, etc. So if I wanted to add a graphic and was in a particular site dir/folder HS would open that dir or it's last opened folder. CC is opening a pre set graphics dir/folder in the root dir of the software. I see where I can change this to some other static location, but I want the behavior I had in HS, where it starts from the dir/folder of the file I'm working on (very intuitive) I don't want to spend all day navigating. When I move from my different site folders I don't want to re-navigate. How do I get folder/dir specific navigation in CC 12.5?

Q-3. Regarding the Replace feature - in HS I could set it up to Find & Replace, then click on a new file tab and and window would still be up and ready for me to continue with my F&R. This way I could mass edit all the media pages for one site a page at a time. But in CC I have to close the F&R window in order to move to a new tab/file and then open it again. How can I get around this, using the same F&R settings moving from page/file to page/file?

Q-4. I really miss my - swing the mouse pointer out toward the gutter and back at a line, this makes it flip and point right instead of it's usual left direction. I click and only that line is highlighted. Is there a way to do this in CC 12.5?

And last of all - is there a way I can group my most used tags at the top of the code bar instead of the order they are in now.

Thanks for helping a CC newbie ~

Jami
User 38401 Photo


Senior Advisor
10,951 posts

Hiya Jami,
Hopefully I can answer most of this for you:

Q-1. First off I'm used to clicking a button on the menu-bar and having that action, not a drop down list of possible related actions. This is adding one more step to my work sequence, and it's driving me nuts. Say, I want to save the file I'm working on, I just want a fast way to 'save' it, if I want to change it's name or dir then I'll go to the File Menu. So how do I get one-click gratification in CC 12.5? Menu's -drop down yes, but buttons just give the default expected.


You can customize your toolbar any way you like, but the main issue right now is that it won't save it usually from version to version and they are in the midst of working on revisions periodically as they just recently updated the HTML Editor to quite a different setup and it's had it's share of issues with the toolbar so the customization (which works great) just isn't saveable. Best case scenario for now, take a screenshot when you have it how you like it so you can put it back, or write down what you have on it.

You can create new toolbars or edit the one that is there. Just right click over a blank area of the toolbar and you'll get a menu and Customize is the last option. Customizes like most all Microsoft programs do so just find the tools you need and drag them on, and take the ones off you don't want on (menu drop down items I hate em too lol). There is an export feature for the toolbars, but don't bother for now till they get that worked out as they don't suggest importing toolbars right now.

Q-2. HS would assume dir location when inserting links, images, etc. So if I wanted to add a graphic and was in a particular site dir/folder HS would open that dir or it's last opened folder. CC is opening a pre set graphics dir/folder in the root dir of the software. I see where I can change this to some other static location, but I want the behavior I had in HS, where it starts from the dir/folder of the file I'm working on (very intuitive) I don't want to spend all day navigating. When I move from my different site folders I don't want to re-navigate. How do I get folder/dir specific navigation in CC 12.5?


The best way to get the editor to function the way you want is to setup the functions for it which are called Website Projects. If you have a location on your computer already where you keep all the projects you work on (different websites etc.) then just use those locations.

Go to the top menus and choose Website Project menu. Create a New Website Project. When you set it up in most cases the remote directory needs to be set at

/public_html/

Set up the FTP settings, point the local directory to the one you have setup (or set one up if you're starting a new one) and you're set to go.

Now right above the local and server tabs on the left there is a folder button which is a drop down menu, just navigate that to the All Website Projects pull out and choose your project(s) from that list when you want to work on them. It's that easy! Now your default locations should show up there.

Q-3. Regarding the Replace feature - in HS I could set it up to Find & Replace, then click on a new file tab and and window would still be up and ready for me to continue with my F&R. This way I could mass edit all the media pages for one site a page at a time. But in CC I have to close the F&R window in order to move to a new tab/file and then open it again. How can I get around this, using the same F&R settings moving from page/file to page/file?


Unfortunately the Replace window is not transferrable ( I too find this a bit inconvenient ), but you can do changes over a variety of ways and if you're planning to do the same changes on multiple pages, you don't need to switch to them separately, just find the radio button on the Replace box that allows you to span All Open Files and you can even do all files in a particular directory without even opening them. Works pretty slick.

Q-4. I really miss my - swing the mouse pointer out toward the gutter and back at a line, this makes it flip and point right instead of it's usual left direction. I click and only that line is highlighted. Is there a way to do this in CC 12.5?


Not sure what this is sorry.

And last of all - is there a way I can group my most used tags at the top of the code bar instead of the order they are in now.


Not sure what tags you're talking about unless you mean the toolbar buttons which you can swap around in any order you like when you have the customize window open. The same situation applies though on the saving from version to version so always good to write it down or take a screenshot when you're done :)

Hope that answers at least some of your questions. Enjoy the editor, it really is a great editor and pretty powerful, but like all new software it takes a bit to get the hang of it all and get used to a new way of doing things. Good Luck!
User 2073552 Photo


Registered User
1,625 posts

Q-1. A-1. Ctrl + S for quick save, or to Save as Ctrl + Shift + s.

Q-2. A-2. See Jo Ann's post about setting up a project.

Q-3. A-3. "Just chose all open documents" and it will find and replace all from the open documents. :P

Q-4. A-4. Triple left click any line and it will highlight that line.

Hope this helps. :D
"An Apple doth not fall far from its tree, yet an orange does."

https://lbwebsitedesign.com - Responsive Web Design & Web Hosting Services.
http://helpsite.sirage.com - HTML5, CSS3 and CC Help Video Blog.
User 38401 Photo


Senior Advisor
10,951 posts

Interesting, thanks SirAGE I wasn't aware of the triple click thing. So now I have it down as:

single click positions, double click highlights the content of the first tag and triple click highlights the entire line! Nice!
User 122279 Photo


Senior Advisor
14,648 posts
Online Now

Wouldn't it be nice if we also had a 'fourth left click highlights the whole div'? Or something?
Ha en riktig god dag!
Inger, Norway

My work in progress:
Components for Site Designer and the HTML Editor: https://mock-up.coffeecup.com


User 2073552 Photo


Registered User
1,625 posts

It would be better if the fourth CLick took you to the CSS page and showed you where the div was referencing... Oh how my world would be made easier. :D
"An Apple doth not fall far from its tree, yet an orange does."

https://lbwebsitedesign.com - Responsive Web Design & Web Hosting Services.
http://helpsite.sirage.com - HTML5, CSS3 and CC Help Video Blog.
User 413502 Photo


Registered User
7 posts

Great replies - boy this helps a lot!

Q-1 So - on the tool bar with buttons, I can add and rearrange, can I make my own?

Q-2 I guess your saying I use the left hand dir and use drag and drop to insert images/files links right from it's dir, and just don't use the insert image from the menu.... yes?

Q-3 That is slick ~ I knew there had to be a way.

Q-4 Thanks for the triple click - that's a saver!

In my last question Q-5 I'm referring to the code tab on the left-side - with things like <p></p> in it. I don't want to scroll (I do a lot of repetitive work and I'm lazy). I tried clicking and dragging to rearrange the tags (guess you call 'em codes) so the ones I use the most were at the top, but no go.
Soooooo the big question is how much can I customize this code tab (all the tabs)? Or can I build my own? There are way to many tags/codes listed and I only want to see the ones I use most and bump the others down below my line of sight.

This is probably clear as mud, but you all did so well at my other wordy descriptions I have great hope.

Thanks
User 38401 Photo


Senior Advisor
10,951 posts

Q-1 So - on the tool bar with buttons, I can add and rearrange, can I make my own?


Yep (see last post about that, said so in there :P ) If you open the Customize window you'll see an option to create a new toolbar. When you do that it give you a little box to manipulate which is a little quirky till you get a few buttons on it.

Q-2 I guess your saying I use the left hand dir and use drag and drop to insert images/files links right from it's dir, and just don't use the insert image from the menu.... yes?


Instead of dragging and dropping an image from another directory, which means you have to open that directory in a windows explorer window to navigate to it, use the insert image button on the toolbar. Once you navigate to the image that way and click to add it, it will prompt and ask you if you want it added to your workspace and it will ask you where you want to put it so it's all good.

In my last question Q-5 I'm referring to the code tab on the left-side - with things like <p></p> in it. I don't want to scroll (I do a lot of repetitive work and I'm lazy). I tried clicking and dragging to rearrange the tags (guess you call 'em codes) so the ones I use the most were at the top, but no go.
Soooooo the big question is how much can I customize this code tab (all the tabs)? Or can I build my own? There are way to many tags/codes listed and I only want to see the ones I use most and bump the others down below my line of sight.


I don't believe there's a way to do this, but I could be wrong so hopefully if someone does know a way it would be a nice thing to know for me too. I think you should go to the HTML Editor suggestions thread and ask if we could have a section at the top to add our favorites to for the Code and Characters tabs, never thought of that, but that's a great idea lol.
User 103173 Photo


VP of Software Development
0 posts

You have been able to customize the markup on the Code Tab since the 2010 version. Everything is always in alpha order, but you can remove or delete items. Just go to C:\Users\[account-name]\AppData\Roaming\CoffeeCup Software\CoffeeCup HTML Editor\Markup\
Learn the essentials with these quick tips for Responsive Site Designer, Responsive Email Designer, Foundation Framer, and the new Bootstrap Builder. You'll be making awesome, code-free responsive websites and newsletters like a boss.
User 2073552 Photo


Registered User
1,625 posts

Jami wrote:

In my last question Q-5 I'm referring to the code tab on the left-side - with things like <p></p> in it. I don't want to scroll (I do a lot of repetitive work and I'm lazy). I tried clicking and dragging to rearrange the tags (guess you call 'em codes) so the ones I use the most were at the top, but no go.
Soooooo the big question is how much can I customize this code tab (all the tabs)? Or can I build my own? There are way to many tags/codes listed and I only want to see the ones I use most and bump the others down below my line of sight.
This is probably clear as mud, but you all did so well at my other wordy descriptions I have great hope.
Thanks


I use keyboard shortcuts for entering most of my code... Here is a list that is included in your F1 Help files... If you want to enter <p> </p> quickly just use CTRL + enter (return). If you want to enter a <br /> Just use CTRL + Shift + Enter... Makes things faster and you do not have to type as much. :P What I am going to suggest to Coffee Cup is that they allow us to make our own Short Cuts... It would make things easier if I can set up my own...

File
• New HTML Page: Ctrl+N
• Open: Ctrl+O
• Close: Ctrl+W
• Close All: Shift+Ctrl+W
• Save: Ctrl+S
• Save As: Shift+Ctrl+S
• Save All: Shift+Ctrl+A
• Print: Ctrl+P
Edit
• Undo: Ctrl+Z
• Redo: Ctrl+Q
• Cut: Ctrl+X
• Copy: Ctrl+C
• Paste: Ctrl+V
• Delete (Table Designer Only): Ctrl+Del
• Select All: Ctrl+A
• Convert to Uppercase: Shift+Ctrl+U
• Convert to Lowercase: Shift+Ctrl+L
• Find: Ctrl+F
• Replace: Ctrl+H
• Find Next: F3
View
• Icon View: Shift+Ctrl+F4
• List View: Shift+Ctrl+F5
• Detail View: Shift+Ctrl+F7
• Small Icon View: Shift+Ctrl+F8
• Thumbnail View: Shift+Ctrl+F9
• Split-Screen Preview: F12
91
Document
• Set Bookmark 0–9: Shift+Ctrl+[0–9]
• Go to Bookmark 0–9: Ctrl+[0–9]
• Go to Line Number: Ctrl+G
• Validate HTML: Ctrl+D
Insert
• Insert Link: Ctrl+L
• Insert Target: Ctrl+T
• Insert E-mail Link: Ctrl+E
• Insert Image: Ctrl+M
• Insert Comment: Shift+Ctrl+C
Format
• Bold: Ctrl+B
• Italic: Ctrl+I
• Underline: Ctrl+U
• Indent: Shift+Ctrl+.
• Unindent: Shift+Ctrl+,
• Paragraph: Ctrl+Enter
Tools
• Test With Default Browser: Ctrl+F9
• Test With Favorite Browser: Ctrl+F5
• View Help File: F1
"An Apple doth not fall far from its tree, yet an orange does."

https://lbwebsitedesign.com - Responsive Web Design & Web Hosting Services.
http://helpsite.sirage.com - HTML5, CSS3 and CC Help Video Blog.

Have something to add? We’d love to hear it!
You must have an account to participate. Please Sign In Here, then join the conversation.