HtmlEditor causes unwanted breaklines - asp.net

I am not using the AjaxControlToolkit's HtmlEditor because it do not have a direct button to insert images, that is why I searched for another editor and I finally found the Winthusiasm editor.
Everything seems to work fine, but it really doesn't. Let's see that step by step. In the example I am demonstrating the use of a subscript, but the behavior is the same for any improvement of the text (bold, italic, ...):
1 - I use the HtmlEditor to insert enhanced text into the database. I have developed a page that works as ControlPanel and this page shows the existing items stored in the database as a ListView:
2 - If I click on "edit" button I can edit the content by the HtmlEditor:
3 - So far so good. The issue occurs on the end-user page, the page in which the content is going to be showed for all the regular users of the page:
I researched on the generated source code in this last page but I can not find any br declared. Everything seems ok in the code, so I am completely lost. I tried to enter the text in an ASP:Literal and an ASP:Label, but the result is the same.
Any ideas? Thanks a lot.

Solved. I figured out it was just a CSS issue because although Chrome shows the text in a wrong way, Internet Explorer was rendering it fine, so it could not be a code issue.

Related

Why is Fancybox 3 adding style="display:none" to my elements?

I am upgrading from Fancybox-2 to Fancybox-3. My site uses fancybox to display blocks of HTML as an overlay on page. For instance, if you click on my Terms and Conditions, fancybox uses a file fb/tandc.php that has all the HTML of the box to be displayed.
Some of the boxes use data from my database and use php programming to generate the HTML - for instance I have a list of participants retrieved from the database.
When planning the upgrade, I added a switch on my site that allows me to decide if I want to run version 2 or 3 of fancybox. In testing, many of the boxes display the same whether I use version 2 or 3 - in other words I have not changed the source code, only the way I call fancybox.
My problem is that for some reason, some boxes do not display the full content. When I have checked the page source, everything is there but I have noticed that some elements have style="display:none" defined. This is not coming from my code, so I assume fancybox is adding it.
My question, therefore, is how can I stop this?
I have tried to find answers but not successful. I did find a post that disabling AdBlocker in Chrome may help but this had no impact.
I get the same behaviour in Chrome and FF
I have included screenshots that show how the elements contain the style; the code used to call fancybox; the options I am using.
page debug elements
call to fancybox
options used
Just added this screenshot of code to be displayed. I tried adding a style that I hoped would override what fancybox is doing, but did not work either.
code to be displayed in fancybox
This is how the content looks in v2 fancybox
content in version 2
and if I have exactly the same content, but use v3 fancybox:
exactly same content in version 3
Using ajax to load fancybox with content from a file seems to create elements where it inserts style="display:none" - I have no idea why. However, I figured a work around where instead I created inline content on the page that is hidden and then simply used data-src="#hiddenContent" as in the docs.
It's made my page huge though when I have a lot of surveys, with a lot of participants on each!

CSS gets messed up after Ajax page load

I have a website in wordpress. I recently download a plugin called Advanced Ajax Page Loader. It refreshes you content when clicked on other page without refreshing the whole site(header, footer). I tried to get my answer from plugins developer and wordpress support forum, but none responded.
I read that if ajax jquery call is used then all scripts should be reloaded again, for that the plugin have a place where I should put those codes. Until that everything works correctly, except one thin. When I go from a category to category, everything works fine, but when I open a single Post it completely screws up all my css for that page, when I refresh it, everything looks fine but then again, if I open one of the big categories with many posts, then that pages css is messed up.
I though that I could somehow refresh whole css by putting some code in the "Reload code" box, but I have no idea how to do that using scripts. English isn't my native language, therefore I'm having difficulty finding my answer on google, I tried, but my vocabulary is limited. How can I do it?
are you adding CSS classes to your elements via Javascript? If so, then the styles you add will only affect those elements which are part of the DOM at that point in time, so you might be experiencing a race condition, that actually happens to work in Chrome and Safari, but not Firefox.
second try to validate your markup and CSS and see if you have any error in your css syntax ?

TinyMCE visual editor hyperlink button not working in WordPress 3.5

When i click the insert hyperlin button in the visual editor it literally does nothing. I ran the console in IE to see any errors which i've listed below...
SCRIPT438: Object doesn't support property or method 'wpdialog'
editor_plugin.js?ver=358-23224, line 1 character 471
does anyone know why this is and how to fix it?
any help most appreciated :)
I found this WordPress forum post which seems to deal with the similar issue you are having.
There are few proposed solutions in it, so you might find it useful.
Another thing you could check is if jQuery is referenced twice.
In order for link to work, include the "wordpress" in the list of plugins to load in TinyMCE. For instance in the settings or tinymce.init({...}) initialization object you would add:
plugins : "paste wplink media wordpress"
Whenever you select some text then click the link icon, a small popup window opens to let you enter the URL in a text box.

strange issue: ASPX page showing javascript content as text

On one user's machine an ASPX page suddenly showed JavaScript code as text on the page. The original contents of the page were also showing half baked and broken. The user was using IE browser. Though I cannot post the contents of the page here, I will try to describe it as accurately as I can. In between the address bar and the actual beginning of the page, there was a cross-section showing some JavaScript text. The text appears to be the automatic JavaScript that is generated by ASP .NET for Validators. The JavaScript text, it seems is of the Validators used inside a User Control that is used on this page.
This issue has happened just one-off. Now the page is showing OK to the same user.
Though I am sure this must have been a bandwidth issue I have no evidence to prove this and nor able to regenerate the issue. And 'someone' claims that this might have been a hacking attempt.
Has anyone faced similar issue ? Is there anyway to conclusively prove that this to be a bandwidth issue and has nothing to do with code or anything on the server ?

LIKE button - won't use new meta description

I've tried to change the text to the link that appears on FB, when I press the LIKE button on my webpage. (Using meta)
But something weard is happening...
My new description appears with commentfield, when I press the LIKE button on my webpage.
But when the link appears on FB it's an OLD text, that I haven't used in a while - and it's no where in my HTML.
FB must remember this, somehow, and use it.
I don't know how to reset this..
I can't post my code, because stackoverflow won't show it....
But I've used the open tag and the prefix=og. So there's nothing wrong with my meta.
Besides... why does it remember an old text that doesn't exist anymore?
Can anyone help??
The Debugger does work but you must close the browser clear chance or use a different browser before its effects will work.
Put your link into the Debug tool: http://developers.facebook.com/tools/debug
This will reset the data and facebook will start to use the updated text.

Resources