In one of the legacy project, business want to have rich text area on the client page.
The page is based on XSLT and javascript.
The knowledge that I am having about xsl/xslt is limited. I searched on internet but not able to find any helpful/complete answer to my question.
Need to know whether we can support rich text editor in XSL/XSLT page.
The traditional approach to using XSLT on the browser is that XSLT simply generates the HTML page content. So you have to think about how to do the rich text editing in HTML/Javascript, and then when you've worked out what HTML and Javascript you want, it's a fairly simple job to write the XSLT code to generate it.
If you want to code more of the actual interactive behaviour in XSLT, then you could consider using Saxon-JS. As well as supporting XSLT 3.0 rather than the rather ancient 1.0 standard supported natively by the browsers, it allows you to write XSLT code that actually responds to user input events, rather than having to write this in Javascript. Declaration of interest: Saxon-JS is my product.
Related
I am working with a web project where I have full control on the "client web page" (I can add or modify HTML / CSS / JS)
The content management system is, however, not under our control. That CMS exposes one text box where I can input some description text that will be displayed on client web page but does html sanitization which remove all html tags. This prevent me from styling my text field.
Basically
<h2 class="red-text">Some Text I Wanna Style</h2>
Become just Some Text I Wanna Style
I trust that there is some way around this as I have full access to the client side which means I can implement my own "markup system" like BBCode?
[b]bolded text[/b]
Where I can find the tag and use JS to transform it to appropriate CSS class.
My question is that: Am I approaching this issue the correct way? Is there any standard/common method/library to solve this kind of problem?
Edit: I do not have access to the server side, only the client side
If you're only using light markup, then try using Markdown! Its ridiculously popular and has a million libraries in every language conceivable (most of all JS).
Almost certainly the easiest thing to use, given the simplicity of the libraries that exist for it. If its suitable for this project, I highly recommend it :)
I imagine that some libraries support extending the syntax with your own, custom rules too!
I am looking for a PHP IDE to work with that contains a design view like ASP .NET where i can add button, tables, menus automatically. So is there an IDE like that for PHP?
Eclipse for PHP Developers does contain this exact thing - because it's a java desktop client though it is pretty 'clunky' but give it a whirl! http://eclipse.org
Edit --
Just realised you essentially want a drag and drop interface - You actually want a html editor with drag and drop functionality as PHP itself is just server side scripting, there's a bit of a difference between ASP.NET (as it's a framework) and PHP which is an actual scripting language. PHP generally just renders HTML elements - in which case you're actually looking for a drag and drop HTML interface. I'm loathed to say it but the only one I'm aware of that's reliable (ish!) is Dreamweaver.
The closest you can get to .NET/VB ide is having an editor with html widgets, edit + has this and eclipse also has some mode or add-on for html widgets.
Now, you need to be aware even if there was such an IDE ... real men code their ui by hand.
Happy coding my friend, cheers.
I am looking for a non-HTML Rich text editing solution.
Since I do not want to allow users to post HTML code from fear of various XSS reasons I implemented a Wiki Markup solution using MarkItUp which works great.
However, there is a loud demand for a real WYSIWYG Rich Text editing.
I found out that CKEditor can support external Custom Data Processors that theoretically can have it work with any markup language.
However, I couldn't find any implementation of such a Custom Processor...
Does anyone knows of such implementation (Wiki Markup or others: MarkDown, BBCode, etc.)?
Does anyone know of any other solution to the situation?
I would prefer a client side only solution but an Ajax based converter using a .Net based converter is also acceptable.
Thanks!
A basic BBCode plugin is available in the CKEditor package: http://nightly.ckeditor.com/latest/ckeditor/_samples/bbcode.html
Im looking to create an input field on a web application that is similar to the one we use here for posting questions, where you can put list items, make font bold/italic etc
Does anybody know here know of the code to do this? or could they point me in the right direction of code snippets/hints...ive tried using google chromes 'inspect element' function but cannot find the actual code behind it except that they have a class and id
The languages I can work with are JavaScript, HTML, CSS, VBScript. Ideally I wouldnt want to abstract from these languages at this time if possible.
Stack Exchange uses Markdown, a WYSIWYM (What you see is what you mean) markup language. The original implementation is in Perl, although ports to many other server-side languages are also available.
The editor you're looking at is a modified version of wmd, combined with showdown.js, a JavaScript implementation of the original Markdown language that allows client-side rendering of Markdown text into HTML which allows you to see the preview when writing and editing posts here.
My web application is similar to StackOverflow in that different users frequently edit the same blob of text.
Currently we only support plain text, and therefore it's easy to show users how the text has changed between edits.
I want to support rich text in these fields, but my users are non-technical and therefore markup of any kind is not an option.
Are there any javascript-based rich text editors that support diffs? Ideally the diffs would be in rich text as well, but if necessary they could be rendered in markdown or similar (I'd like to avoid raw HTML at all costs).
Xopus 4 supports live tracking of text changes. As opposed to a diff change tracking allows you to follow and accept/reject the changes of multiple users.
Xopus is a web based WYSIWYG XML editor so you can have it edit your own XML flavor.
I don't think anyone can authoritatively answer no to this question, but I've never heard of a Javascript WYSIWYG editor that does diffs.
Stack Overflow does diffs on the server side. You'll probably have better luck if you look for a server-side component to do the job. If you need to show the diff as the user types, or something like that, you could use AJAX to hand off the diff work to the server.