I once found a webpage hosted HTML editor that optionally included the tags, as highlighted colour coded elements with the tag type, in the (almost) WYSIWYG view, but now cannot find the project anywhere.
I thought it an excellent compromise between WYSIWYG ease of use an markup flexibility.
Does anyone know which editor this was? Or maybe there is more then one editor with this feature?
Here is one that looks promising.
http://koivi.com/WYSIWYG-Editor/
This appears to match your request.
I found one such, and only one. Unfortunately it isn't the one I had seen before and so I'm still looking. They are called What You See Is What You Mean editors - WYSIWYM.
WYMeditor
Also see - http://en.wikipedia.org/wiki/WYSIWYM
Related
I am editing an article and adding FontAwesome in it using Toggle Editor. I've found out that when I add the code using programmer view, it works fine. However, when I change to the designer view from the programmer view, the editor automatically edit the code like this:
Before:
After clicking "Toggle Editor":
It is quite inconvenient for me because I use the designer view to style the article frequently. Is there any solution for it?
You'll have to look into the allowed tags for the editor you're using.
In your case using JCK Editor - you can see this article on why it removes certain code
At first glance it appears there are whitelist & blacklists for some HTML. You'll probably be able to add your selectors to the whitelist and they will no longer get stripped.
I am working on an intranet project that is having the majority of its users move up to ie8 soon. A bug was detected where when attempting to create/edit a page, the rich html editor boxes would be squeezed compared to what they look like in any other browser.
I found the offending style, its inline and its:
style="display:inline-block"
Now if it was just "inline" then it would be fine. However, it is not.
I have attempted to override the PrefixStyleSheet attribute in the master page and have a custom style in the main css file, but it is not working at all.
I have heard that a control adapter might be helpful to post process the html but i am unsure on how to use one.
Is there any advice you guys can give me?
From my experience, using JQuery "hacks" in the master page header is the most convenient approach, without messing up the system css or the backend.
Find the element you want to override the style to a custom style, and assign your custom style. Be careful if the override is page layout specific, then might add to the page layout header placeholder instead.
http://api.jquery.com/css/
Hope it helps.
I'm starting to develop a plugin for CKEditor that needs to be used to insert some HTML snippets in a web page. This is done. Nonetheless I also need to include some special items when switching to WYSIWYG mode (e.g. something more or less similar to Show Blocks plugin, but not just using styles since I need some elements included in there). So my question is :
How could I include extra items or styles (e.g. to hide parts of the contents in WYSIWYG mode) in WYSIWYG view without altering HTML output ?
If someone could provide some information about a working (maybe simple) example, I'd also appreciate your help.
PS: If you need to know further details please ask, but for instance assume inserted raw HTML code is
<div class="xxx">Hello world !</div>
... but in WYSIWYG mode need to display a link on top of it that pops up an alert and toggles dotted border.
About injecting CSS classes in WYSIWYG mode, use addCss function.
About creating fake elements in WYSIWYG mode ... I think I can solve the problem using context menu instead.
I have a wiki-like site where users can post and edit. I need a good HTML editor. I've tried CKEditor and it was problematic because people often cut and paste. They take with them styles and javascript that conflict with the surrounding HTML and with what I only want to allow (no changing colors, etc). Maybe there's a way to configure CKEditor to do what I need, but it wasn't obvious how from their documentation. This was over a year ago though..
My requirements are the following:
Only allow a small subset of HTML (simple paragraphs with inline formatting for italics, etc., images that are hosted by us and links internal to our site)
As clean xhtml as possible
Prefer (x)html, but I'm open to alternate markup
Using jQuery, so if the editor relies on jQuery that's preferable
Internationalizable
WYSIWYG is nice, but maybe it helps to avoid copy/paste issues by not having WYSIWYG?
The most important thing is to not allow users to inadvertently or purposely screw things up, usually through copying and pasting other webpages or word documents. markItUp! looks really nice, the lack of WYSIWYG has me on the fence. I love WYMeditor's focus on clean xhtml, but it still does allow craziness when copying and pasting from the demos and there doesn't seem to be much activity for the past 6 months or so.
StackOverflow's editor might be good for us too. Like markItUp!, it's not WYSIWYG, but it is very simple. I understand they took WMD-editor and updated it. The non-html aspect means an easier time on the server side parsing out potentially harmful code...
What do you guys think? What's the best solution out there for a wiki-like site editor?
You should try again CKEditor after enabling forcePasteAsPlainText
When writing the HTML part of a page in a VS2008 Web App, the editor keeps formatting the HTML with linebreaks that break the readability of the code (to my eyes).
Can this feature be disabled?
Thanks
Have you tried Tools/Options/Text Editor/HTML ?
Tool/Options/
[Show all settings]
Text Editor/HTML
Wrap tags when exceeding specified lenght
If any interested.
You're probably looking at the Tag Wrapping option inside the Text Editor -> HTML options under the text editor settings. You can either disable it altogether or extend it beyond the 80 character default.
However, there is still some level of code reformatting that happens behind the scenes when you drag new controls into the page that I haven't found any solution to other than just staying in the text editor as much as possible.
Two good things to note: 1. VS2K8 does a MUCH better job that VS2K5 when it comes to formatting HTML. 2. With the new intellisense built into VS2K8, it makes it really easy to stay in the text editor while adding tags. I think I do most of my HTML stuff there now. You can keep your display in "split view" and just refresh every now and then to see how your controls are coming up.