Using HTML Editor and VE, code change...

User 1959308 Photo


Registered User
21 posts


I know this topic has been discussed, but maybe my issue has a workaround.

I am pretty new to CE software and web building period. I am reconstructing a site that I already have called The Northeast View www.thenortheastview.com" class="bb-url"> www.thenortheastview.com. I created a new page within my project website (which I was advised was the best organization method). I have also an image folder within my project. I created some links using some images and copied the code to my hosting folder. It worked great.

Now I decided to us VE within HTML Editor and added some comments etc. I then copied the code back and it no longer worked as I was getting the X in the image box. Upon debugging I noticed VE inserted or at some other point my local path was inserted into the HTML code. I removed it and uploaded, it then worked. I am no HTML guru so using the visual editing is a major plus for me. Granted it is not a lot of work to review and remove the local path, just a step I would like to avoid.

Another issue that I have is I am trying to stack two images on top of each other using VE but they keep moving horizontal next to each other. How can I fix this using VE?

Looks like I need to learn HTML code much better…

Thanks

Brad
User 1959308 Photo


Registered User
21 posts

I also want to add the I just went back and forth inbetween VE and editor and it did not happen. :/
User 355448 Photo


Ambassador
3,144 posts

TNEV,

CoffeeCup says you should not shift back and forth between the code editor and the visual editor. There are changes made to the code when you shift to visual editor.

If you want to learn to use the code editor, use the preview instead of the visual editor to see what has happened with your code.
User 1959308 Photo


Registered User
21 posts

Ok now what .... ? So I can't use VE?
User 355448 Photo


Ambassador
3,144 posts

TNEV wrote:
Ok now what .... ? So I can't use VE?

You can use the CC HTML Editor visual editor, but not switching from visual to code to visual to code...

The shift from code to visual editor makes changes. The editor is designed to allow you to select the editor you prefer, so if you want to use the visual editor, that is good and the program should work fine.
User 1959308 Photo


Registered User
21 posts

Bill, my post above seems a little gruff, that was not my intention. It is just a little frustrating that a program would change code that I actually wrote. In other words, if I say the path to my images is whatever…. Then “VE” please don’t change it…. Re-reading your reply, it seems you may think I am using the VSD, but that is not the case. I am using the visual editor that is bundled with the HTML editor. I do understand that there are two behind the curtains engines and work differently. Therefore I do understand why some of the code would change. But paths are pretty straight forward…

User 629005 Photo


Ambassador
2,174 posts

TNEV,
I can't say for certain, buy I think Bill relizes you are not using VSD. And he is correct, you CAN use VE within HTML editor, but need to be aware that when you switch between VE and "code editing" there are SOME shifts within the coding. I can't recall what it is that causes this, but do know that it has been discussed here before. It has been advised, that users of HTML use either the code editor or the visual editor function of the program, but not both in conjunction.
Living the dream, stocking the cream :D
User 355448 Photo


Ambassador
3,144 posts

TNEV,

When switching from the code editor to the visual editor, the CC HTML Editor must make changes to accommodate the WYSIWYG form of editing. I don't see why it would change a path, but I do not know the inner workings of the program. If you can duplicate it changing a path, you should report it to CoffeeCup by opening a ticket.
User 3004957 Photo


Registered User
848 posts

Yes, a path change is very weird. Expect the rest of the code to change though. The thing is that when hand-coding something, you choose what goes where and put it all together. When visually designing using the visual tab, the editor must somehow code whatever choices you make into something viewable. Imagine putting two images overlapping with text running through it. An exaggeration I know, but the editor will have to find a way of coding that and it ends up changing everything around to accommodate this. Paths to images, however, shouldn't be touched so this, as Bill says, may be a bug that needs looking into.

Dave.
User 3004957 Photo


Registered User
848 posts

First, let me thank Bill, Phil, Dave, and all the other ambassadors that help decrease the learning curve here.

The root of the issue is that the Code Editor and Visual Editor are completely separate controls. VE uses the dhtmled.ocx control, which allows you to drag and drop elements on the page, though I'm not sure what control the CE uses. In any case, the document has to be re-parsed whenever you switch tabs, and that control makes changes so the file can be edited with it.

The VE has to know where the local image is stored so it can display that image while you edit the page, and the only way to ensure this happens properly is by using the absolute path. When you save the HTML page, the control should automatically convert that path to a relative one because it now knows how the two files are stored in relation to each other.

I hope this all makes sense.

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.