Tutorial


In Dolphin 7 you will notice that when you add a new html block or create a new page and add a html block there is no tinymce editor anymore like the previous Dolphin 6.1x version. You now must enter raw html code. For some people this is not a big deal, and for others it is not something they are extremely familiar with. Whether you are or not, it will make things a bit more time-consuming no matter how good with html you are.

The other thing is the window that opens to enter html into a html block is relatively small, making things a little more difficult to see what you are doing.

If you are not that good with html, or you just find it too time-consuming there is a sort of simple trick you can do that just involves copy and paste. You will be able to create your page or block content using the standard Dolphin 7 editor and then simply copy what you created to your html block.

You can use any Dolphin 7 feature that has the editor. The blog editor works well because it is slightly bigger and allows you to see more area than some of the other editors. Which makes things a bit easier than the smaller ones.

So basically you are just going to use the post new blog feature to create your content for the html block. You are not going to actually post the blog, only use the features of the blog editor to make things easier for you.

To do this just login to your Dolphin 7 site as a member that has blog post permission. Navigate to post new blog to load up the Dolphin 7 tinymce editor.

Now there are not tons of features available in the blog editor, but you will be able to do some of the more common things you would need to create block or page content.

Don't think of what you are typing as a blog post. Think about it as if it will be your new block or page content.

Type everything up, make things bold, add links, whatever you are trying to accomplish.

Once you are content with it, find the little html button/icon in the tinymce editor and click it.

Html Source





A new window will open with the info you just typed in the editor in html format.

Highlight it all and right click your mouse and select copy.

Copy Html Code





Keep the blog post / editor page open yet so you can go back to it if you mess up.

Now in your Dolphin 7 Administration area navigate to the builder for the particular new block or page you created and click on the center of the html block so the window opens to enter html content.

Blank Html Block





Simply paste the html code you just copied into the html-content area and save it.

Paste Html Code Into Block






Visit the page and/or refresh the page that contains the new html block to verify the changes.

If you need to make some changes go back to the blog post that you were using the tinymce editor to create the content with. Make your changes, click the html button/icon again. Highlight and copy all the html codes again. Then, go back to your Dolphin 7 Administration for the block and paste the changes back there and save it again. Then, just refresh the page to see the changes again.

This obviously is not the most efficient solution, but if you are not that good with html it can make things a bit easier for many people.



The quick and simple overview:

Use Dolphin 7's create/post new blog so you can use the tinymce visual editor.

Type your content.

Click the html button/icon in the editor.

Copy all the html code.

Paste the html code you copy into Dolphin 7 html block and save changes.

Refresh your page/content to verify changes.

Repeat steps as necessary to change and/or update the content of the html block.



Other:

If you have some other kind of software or know of a good online creator that will allow you to see the html and copy it you can use the same process. Just think of what you are creating as what will go into the html block. Then, just copy and paste html code into Dolphin 7 html block, and save the changes.



You can also paste the html code you copy into a text editor such as notepad or wordpad and save it to your local PC if you want to keep the content to make changes in the future.

If you copy the html code to notepad or wordpad and save it to your local PC, you might also save it with a .html extension to your local PC. For example if you save it with notepad to your local PC you might call it myblock.html. Then, you can actually open the file on your local PC (myblock.html) with any web browser and see what it will look like before you enter it into your Dolphin 7 Administration html block.


Overall like I said this is not a perfect efficient solution, but for some it will make things visually easier. It does require a little more time, but just simple copy and paste.

Hopefully, Boonex or someone will come up some kind of editor for the html blocks in the near future. For now this is just a suggestion and tip for those that find html confusing and/or time-consuming.

Good Luck!



 
Written By
Tutorial by: Jeremy LeSarge (AKA Ray)

I am the owner and administrator of DialMe.com. I write Tutorials for Boonex Dolphin as well as tips and resources surrounding website programming and development. I enjoy working with WordPress, SEO, and Web Hosting / Servers. I also maintain a WordPress Blog here on this site where you will find a variety of technology and webmaster resources.

Actions
Sponsored Links
Recommend