Cornerstone text widget creates very odd markup (bug?)

Hi,

Im using the Cornerstone text editor to manage the text of a blog. Ive noticed two problems:

  1. The html code created is very odd. Every paragraph is created as a separate div and every space is created as an empty pair of divs. This will cause major readability problems for visually impared readers
  2. When clicking IN to the text widget I can format the text in a WYSIWIG style. When I click OUT of the text widget the formatting changes significantly and paragraphs bunch together . This appearance remains when published. I think this is caused because of problem (1) above.

Is these a known problem/bug? At the moment, all I can do to resolve this is manually edit the HTML tags created by the text component which is far from ideal and defeats the point of using Cornerstone.

Thanks,

Hi Will,

It could be there is unclosed HTML tag in your text widget.

Please use this tool to check all your HTML codes:

https://htmlhint.io/

If it still doesn’t help, would you mind providing us with login credentials(by clicking on the Secure Note button at the bottom) so we can take a closer look? To do this, you can make a post with the following info:

  • Link login to your site
  • WordPress Admin username / password

Thanks.

Hi,

Ive done this and added the link to the post.

As you can see, if you edit the “text” version of the text widget, the code created is

tags. Also, double-clicking inside the text the text spaces itself in a reasonable way, clicking back OUT of the text widget and all the text bunches up.

Can you recreate and let me know if this is a known problem or if Im doing something silly.

Thanks,

Hi Will,

Are you referring to text widget or text element? I’m not sure what I should check for, I assume you’re referring to text element since text widget doesn’t have WYSIWIG editor within the builder. And text widget shouldn’t generate some <div>, please provide a login credential that has admin access. I can’t access the builder or editor with the current one.

Thanks!

Text element within Cornerstone page editor. Ive updated your access. Let me know if thats all you need.

Thanks,

Hello Will,

You have added this:

<h4><span>The challenge of cloud comparison</span></h4>
<div>Migrating<span> </span>existing services to the cloud promises great service levels, improvements in performance and IT agility.  There are several challenges that  organisations face before reaching the sunny uplands, including :</div>
<div></div>
<div></div>
<ul>
 	<li>How do you select the right cloud provider for your needs?</li>
 	<li>Will they offer the right level of service?</li>
 	<li>Where will your data be hosted?</li>
 	<li>Will you be big enough to get the right attention?</li>
 	<li>How do you generate a realistic data-driven business case that will convince colleagues to move to the cloud?</li>
 	<li>How do you understand the true cost of services once you've migrated and generate a data-driven business case?</li>
 	<li>
<div>How do you really compare the detailed costs of different providers against each other?</div></li>
 	<li>
<div>Is it possible to get the best out of multiple cloud providers simultaneously to spread any risk?</div></li>
 	<li>
<div>How do you analyse and understand what you already in your existing data centres or service providers? Frequently, we see client services</div></li>
</ul>
<p>If you get it wrong, the pain of moving once again and personal cost to reputation can be huge.</p>

<h4><span>Understanding your existing server estate.</span></h4>
<p>If you have a large, complex server estate which has grown over time, how do you really understand what you have installed and what is running? What can be decommissioned and which unloved servers are <span>really</span> business critical?</p>

<h4><span>Scale of comparing costs using cloud calculators.</span></h4>
<p>Once you have a good understanding of this estate, the major challenge then starts of working out how what each provider will cost to migrate and then ongoing post the move.</p>
<p>Some cloud providers (such as AWS or Azure) include on-line calculators that can help to provide high level costs for their service only. However, the reality of these services are that they require a significant effort to take each existing service and manually match that service to the cloud provider of choice.</p>
<p>Each cloud provider offers different services and charges for each location. This  means that this process needs to be repeated for every single location of choice.</p>
<p>What makes this worse still is to get an accurate comparison across providers, this process must be run many times for many different providers.</p>
<p>Question for us : how frequently are cloud provider prices changing?</p>

<h4>Keeping cloud provider prices current</h4>
<p>Cloud prices frequently change and as a result, there's a good chance that by the time initial analysis work has been completed, the data and matches will be out of date and needs to be reworked.</p>
<p>Given the scale of this challenge many professional service providers using "mapping spreadsheets". These are often manually created and don't contain the latest pricing or regional differences.</p>
<p>What's worse, is that this still required large amounts of manual effort and time which is at best error prone, slow and expensive.</p>
<p>Taking even a modest server estate of 300 virtual machines and a look-up time of 5 mins per virtual machine and once quality assurance check, to compare the leading providers in their main locations would take cc hours of continual analysis time.</p>
<p><span>Understanding what else you need to purchase.</span></p>
<p><span>Mapping like for like </span></p>
<p>If this wasn't enough, the true complexity comes in trying to determine how cloud providers really relate. For good reasons, cloud providers make it very difficult to really compare their services and pricing.</p>
<p>The way storage, CPU and throughput are calculated vary provider to provider. Data centers exists in different locations with different services and capabilities. Each provider then requires different additional services to be layers in with different licensing arrangement. all of this and this adds significant complexity.</p>
<p>Most service providers align with a single cloud partner in order to get around this complexity but this means if you're interested in numerous migration prices before making the decision to migrate, or your looking for a multi-cloud migration solution, you get a very substandard service and never understand your true options for multi-cloud or multi hybrid cloud.</p>
<p>In the world of rich analytics solutions, surely there has to be a simpler and faster approach?</p>
<p><strong>The better way of comparing cloud prices.</strong></p>
<p>The good news is there <span>is</span> a better way.</p>
<p>The problem of multi-cloud pricing complexity and been solved through our rich Cloud Compare on-line analytics service.</p>
<p>Cloud Compare enables users to analyse multiple cloud providers pricing side by side in seconds. It takes existing on-premise servers and runs a powerful proprietary matching algorithm to identify the best fit server from each provider in near real-time, using the very latest pricing.</p>
<p>Clients can specify if any existing machines are to remain on-premise. It allows different colours providers to be selected on a pet environment basis. This allows for complex hybrid and multi cloud scenarios to be analysed and generated.</p>
<p>Cloud provider prices are updated very frequently any any price changes are automatically highlighted. This means ask the pain of keeping provider pricing updated is removed.</p>
<p>Finally, there is an easy to use, powerful cloud comparison service takes the time, effort and complexity of finding the right cloud provider and generating a business case to get the best of the cloud.</p>
<p>Understanding how cloud provider prices compare is easy.</p>
<p>Next article: if your service provider users a spreadsheet to perform cloud matched , fire them!</p>

You will have to add the text using the rich text editor instead. Please keep in mind that a new line and line breaks will be converted automatically into <p> and <br> tags.

Hope this helps.

This text was pasted in to the rich text editor. Thats the code the element created if you then use the RT editor and add spaces (using enter). Try it for yourself and look at the code created its spaghetti.

Did you also look at the spacing bug clicking in and out of the widget?

Thanks,

Hi Will,

I see, then those <p> and other markup wasn’t generated but pasted, I recommend editing them manually again and removing those extra elements. And yes, they are the cause of this issue, please format and clean the content before pasting into the editor.

Thanks!

Hi,

Sorry, I think youre missing the point a little here. To be clear, the process Im going through is as follows

  1. Write blog content in a text editor
  2. Copy the content from the text editor in to the rich text editor of the text element of Cornerstone.
  3. Normally, the text element gets the paragraphs right. However, if you then add extra spacing with enter, it adds these as which starts to destroy the layout.

A secondary problem is that if you then double click the text on the WYSIWYG editor and add spacing between lines and paragraphs, with the enter key and get it how you want it, when you click OUT of the text element, everything collapses and looks wrong. This goes against the point of a WYSIWYG editor. In this case, WYSIWYDG!!

There are two problems here. Can you recreate these?

Thanks.

Hello Will,

When you copied the text from the text editor, it is already have the html code. When the pasted text in the rich text editor is being formatted like headers or bulleted text, then definitely any formatting results is coming from your original text thus generating <div> tags.

You should be pasting a plain text to the rich text editor like this:

Use the rich text editor to paste the plain texts and format it using the available formatting options.

Please check out the test page in the secure note which I have created.

Thanks thats helped.

You’re most welcome!

This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.