JQuery Popup character map - javascript

Does anybody know of a popup 'character map' jquery plugin? I have a text field and would like the user to be able to insert special characters (easily). Similar to the TinyMCE plugin.

One I've used and found pretty useful is Special Edit (http://www.ganzogo.com/projects/specialedit). It gives you really good control over what characters you want to appear, and is easily stylable to fit with your site.

Related

Special Characters Menu in Wagtail Editor

I am trying to add a menu of special characters in the wagtail editor so that users can add a menu of selected special characters to the content. What is the best way to do this? I can't find any plugins on this page either: https://wagtail.io/packages/.
Here is the official documentation on how to extend the Draftail editor. I would love to have these special characters as a standard feature, though! Following the documentation it is possible to add buttons for entities.

Can The Preview Pane in the MarkdownDeep Markdown Editor be Disabled?

I'm working on an ASP.NET MVC project which uses the MarkdownDeep Editor to add a rich editor on top of a basic markdown input textbox (very similar to the Stackoverflow editor window).
Generally it works great. However, in certain scenarios, I would like to disable the preview window. This is automatically generated below the textarea by MDD. Can this be disabled?
Just to be clear, I know I can use CSS to hide the preview. But on some devices it's slow and makes typing painful. I want to entirely turn off that feature. I don't see anything in the docs other than how to customize the preview.
Any ideas?
In the docs it specifically mentions that it is recommended that you have the div preview already in your document because it will be created if it isn't found and consequently, could could a visible page refresh if any re-layout has to occur.
Note: the associated divs are all optional and if missing, the plugin will create them. However... you might experience the page jumping around during load if you do this. ie: it's recommended to explicitly include them.
Thus from the sounds of this, and that there doesn't appear to be any option to turn it off in the API page I would say no, it's not possible.
I am a little confused here: if you don't want the preview, use a regular text area instead of mdd_editor... So, under the scenarios where you don't need the previews, instantiate a plain vanilla editor. What am I missing here?
I know this is old, but I was looking for something else on mdd. I recently had this same requirement.
Just comment out the code
// Update the DOM
if (this.m_divHtml)
this.m_divHtml.innerHTML=output;
in MarkdownDeepEditor.js

clickable symbols to insert

I have a site where users can type posts. I want to add an some simple buttons on the side of the site that insert different symbols. The symbols dont need to be crazy like the windings font but just some basic math symbols. Also, how could I add the ability to highlight and make a selection a subscript (like Microsoft word)? Thanks.
You should consider using TinyMCE or CKEditor for your textarea. They both allow users to input custom characters (Look for the Ω - Omega symbol on the toolbar).
Those options #Thomas Li suggested are pretty neat. If they are more advanced than you want, here's a post with a similar question.
If you're asking for suggestions... I like the way TinyMCE launched that little window to let you select a symbol, but if you want just a small amount of characters, you could probably just list those as a toolbutton bar above the text, like stack overflow's formatting bar above "Your Answer".

Best way to count hyperlinks in textarea using Javascript client-side?

We have a textarea control that holds text and hyperlinks. The links are stored as follows:
http://www.google.com [Link to a site __title__ Title of Link]
http://www.yahoo.com [http://www.yahoo.com __title__ Link with text & hyperlink the same]
In the second link, I don't want to count yahoo twice, so I want to ignore links starting with the left bracket. I know that using Regex to do this isn't the best way, but I don't know of any other way to accomplish this. So far I've tried this regex, but I figured out that Javascript doesn't support lookbehind:
(?<!\[)((http|https|ftp)\://(www\.)?)(([a-zA-Z0-9\.-]+\.[a-zA-Z]{2,4})|([0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}))(/[a-zA-Z0-9%:/_\?\.'~&=-]*)
Anyone know of a decent way to accomplish this?
I just found out also that I can't rely on the brackets. Users can enter any type of link, using our tool that creates the brackets or by just entering it manually themselves.
Count the number of the character [ in the textarea contents.
The above solution will work, if the format that you have mentioned above persists.
You just need a count? Can't you count all the links then count all the links starting with the left bracket, and subtract?

How does StackOverflow's 'tags' textbox autocomplete work?

I know they're using a jQuery plugin, but I can't seem to find which one they used. In particular, what I'm looking for is autocomplete with exactly the same functionality as SO's autocomplete, where it will perform an AJAX command with each new word typed in and allow you to select one from a dropdown.
Note that the tag editor has been completely re-written now, and no longer resembles the original, simple text box w/ suggestion drop-down that adorned the site for nearly three years.
If you're interested in the new form, see this Meta question: https://meta.stackexchange.com/questions/102510/can-i-use-the-tag-textbox-script
Autocomplete is the plugin used originally, albeit with various tweaks and customizations made to it over the years.
You might also like this one:
http://code.google.com/p/jquery-autocomplete/
Read the history here: http://code.google.com/p/jquery-autocomplete/wiki/History
Have a look at SO_Tag, a tagging system based on StackOverflows tagging system.
And Github.

Categories