Add inline styling to link in CK Editor 4 - javascript

I would like to add a inline styling color to a link when it is created by the user in CK editor. Is this possible?
Regards, Andreas

Yes ..
Create a separate style in new css file and then assign path in ContentCSS.
info : http://docs.ckeditor.com/#!/api/CKEDITOR.config-cfg-contentsCss

Related

Ace Editor: Disable shadowed line where the cursor is

I am using Ace editor and I want to disable shadowed line where the cursor is.
Example
I have tried changing themes availables in Ace Mode Creator but all have this line shadowed.
Thanks!
This is a standard setting that doesn't require changing the theme
// e = active editor
e.setHighlightActiveLine(boolean)
Most themes have it set active by default. It should be a standard configurable setting to enable or disable it.
Hi I found the boolean attribute from the Ace demo here (https://ace.c9.io/build/kitchen-sink.html).
Is called Highlight Active Line
I hope it works for you :)
You're looking for:
i.e in chrome theme (https://ace.c9.io/lib/ace/theme/chrome.css) its
.ace-chrome .ace_marker-layer .ace_active-line {
background: none
}
in vuejs just add readonly="true" and I think it's

How to give default placeholder text to the textarea in ckeditor?

Searhced a lot for this. I have been trying to add placeholder text in ckeditor using one of its plugins "configuration Helper" plugin for CkEditor.
How to give default placeholder text to the textarea in ckeditor?
Follow the below steps to add placeholder.
1) Add confighelper plugin to your plugin folder.
2) Add this piece of code to your config:
config.extraPlugins='onchange,confighelper';
3) In your html page add place holder attribute to your textarea, its mandatory and add
CKEDITOR.replace( '#editor', {
extraPlugins : 'confighelper',
});
4) Now you can enjoy.
In HTML5 ther is a placeholder attribute
<textarea placeholder="Describe yourself here..."></textarea>
Otherwise you need javscript to do it
To check which browsers are compatible have a look at: http://www.w3schools.com/tags/att_textarea_placeholder.asp

Including styles in Quill setHTML

I am attempting to insert HTML into quill editor. The HTML can contain custom styles in style tags.
Quill is replacing all style tags with span tags in the HTML, for example a test in this jsfiddle : http://jsfiddle.net/f1L4z2py/
var testStr = "";
testStr += "<html><head><style type=\"text/css\">.testcss { background-color: black; }</style></head><body class=\"testcss\">test</body></html>"
quill.setHTML(testStr);
Does Quill support custom styles in its' editor HTML?
I looked at the Quill documentation : http://quilljs.com/docs/api/ , however I saw nothing about support for custom styles in the HTML except for maybe SetContents, however I would like to avoid extracting the style from the given HTML if I can avoid it.
Is the switching out of style tags for span tags a bug with Quill? Is the only way to support custom styling for setting HTML in Quill to manually extract the styles from given HTML first and then applying the HTML into Quill editor?
Thanks
No Quill does not support arbitrary HTML. Anything it does not recognize will be converted (strong tag to b tag) when possible or removed when not possible.

Can I use CKEDITOR toolbar but the content is locked/readonly?

my problem is I need to use the toolbar of ckeditor for text style but I need to restrict the user in changing the content.
Is this possible?
To set as read-only, use the CustomConfig method:
CKEDITOR.replace(id,{customConfig :readOnly:true});
Example:
<textarea id="editor1">Test</textarea>
CKEDITOR.replace('editor1',{width:'700px',readOnly:true});
Js Fiddle Demo

Video-js custom skinning

I am using the 'less2css' css editor for customising video-js.
to save a custom skin, it states 'replace all instances of 'vjs-default-skin'with new name..
to be clear, I have to change EVERY instance of that name that i find ANYWHERE within the css file?
there is no shortcut to do this within 'less2css' "
thanks,
keith.
Hi reddog i believe this link will help u rather than editing default css add ur custom class as mentioned in below link. http://www.videojs.com/docs/skins/

Categories

Resources