Error html format when using WYSIWYG editor? - html

I got problem with feature display html source of WYSIWYG editor.
Writing a html source in editor like this:
https://prntscr.com/lratw7
Click to source button to display normal, after click again my html formatted to something else.
https://prntscr.com/lrau2w
Why ?
How can i save original html ?
First i can save original html, but after the next edit original html lost ?
Please help me.
This is liferay 6.2.

Related

Indent's disappearing after save in VS Code?

New to HMTL and whenever I try to indent and save, the indents disappear. There is an example below.
Before I save:
After I save:
I've tried several formatters, and made sure that they've been enabled. What do I do?
Install the following extension:
HTML CSS Support
HTML Snippets
Format HTML

Froala Editor bold button does not work as expected

I am building a web app that allows users to write their own html pages using the Froala editor integrated on my website.
The editor works really well and provides a great degree of control as well but, there is a small problem I am facing with the bold button. If you highlight some text inside the editor and click on the bold button, in the editor the text does become bold but in the corresponding html which is generated has a simple <strong> tag around it. Now when you load that html on a browser when it is delivered via a link or any other service, it does not show up as bold unless we write some css for it.
What I would like to know is:
Is this the correct behaviour?
Is there any fix or option that we need to control on Froala to make
it look bold?
Apart from writing custom css for it, if there are any options please let me know.
You can check out the said behaviour on one of the demo pages they have: Froala Demo
Thanks in Advance!
PS: Let me know if you guys need code samples from my end, I have not done anything(custom) apart from the samples available on their website.

Display raw html in tinymce that is wrapped in code/pre, not rendered

I am using tinymce as my wysiwyg editor in laravel app.
Everytime i create an article that contains code such as html meta tag or title etc wrapped in code/pre. Once i reload the page to edit, it disappears. If i set the encode raw then it does not disappear in backend but displays all raw html in front end. I want to display only raw html in frontend that is wrapped in code/pre. I dont know how many days i need more to solve it? All i want is to display html code in my blog, raw html code that is wrapped in code/pre, not rendered! This is my thread in stackoverflow. Please help.
code snippet disappears only plain text remains in tinymce
I will delete the previous thread once i solve it, sorry to post similar question.

Page shows code not rendering

I know this is simple question, but i am fighting with it for few hrs, so its better to ask in forum to get help quickly. I have added the following simple html snippet in a TextEdit program and saved the file as webpage(.html). When I run this file in any browser, like safari, chrome or firefox, it shows the same code there instead of rendering this as web page.
<!DOCTYPE html>
<html>
<body>
<h1>My First Heading</h1>
<p>My first paragraph.</p>
</body>
</html>
Could someone help me to show this as real web page rather than source code showing?
If you have access to the server scripts creating the page, then check if somewhere the http headers are being changed by that code. The browser needs to receive a header like that
Content-Type: text/html
[example in PHP: header(Content-Type: text/html);]
in order to render html properly. If this header is changed, then the browser won't be able to interpret it as html.
It is likely that TextEdit has formatted your text, since by saving it as a Web Document it thinks that you have typed up the web page how you want it displayed, with all formatting, instead of raw HTML code. Try to save the document as raw text, then change the extension manually from whatever it is (probably .txt) to .html. For a more permanent solution, it is advisable to use a non-formatting text editor when coding.
EDIT: This is what Apple have to say: http://support.apple.com/kb/ta20406
The solution to your problem is simple.
Just open TextEdit and go to preferences.
Just tick the box which says"display html files as html code instead of formatted text".
Your problem will be solved. :)
You have saved the text you pasted in as HTML content, in the HTML editor. Instead, you should try to paste the text in the code view, not the editor view.
In case any of you have already created the file and not sure how to proceed, open the file in TextEdit. Go to Format -> Make plan text. Then save and close the file. Then open the file location in finder and rename to .html and this will convert the file appropriately.

How to locate/edit the original source html of an aspx page on a sharepoint site

I am working with a MOSS 2007 site, the page I am currently trying to make additions/changes to specifically is a popup.
The page is an .aspx file and I know where it is located, but simply put I am trying to find and ultimately modify the original source html of this page(the html which shows up when you hit "view source" when brought up in my browser).
When i try to edit the page in sharepoint designer It only brings up a formatted view of the html code, I wish to see a much more complete version where i can edit the attributes of the tags and such.
Is there anyway to locate this original source html?
Try using CTRL + F to do quick find and then search your HTML tag id or any descriptive text you can find from viewing source or expecting the element. And then select Search Entire Solution or Current Project.
If the project is set up with a MVC structure, try finding
MainFolder/ProjectName_Web/Views
Alternately look in
MainFolder/ProjectName_Web/UserControls
If you are using Visual Studio, check out Kris Hollenbeck's solution.