I want to use Kendo UI rich text Editor inside of ASP.NET page, however when I run the application the editor toolbar is displayed with icons and links, I just want to display icons. How can I fix it?
View the image with the issue toolbar editor...
Normally text in editor icons is hided by setting font size to 0 in kendo CSS file:
.k-button-group .k-tool-icon{
font-size: 0;
}
If you have such behavior, you have instaled Kedno UI wrong or you are overriding their style.
To check if you have installed it correctly read the kendo instalation manual: http://docs.telerik.com/kendo-ui/aspnet-mvc/introduction
If everything is ok you should check in eg. Firebug tool why this font-size is not set to 0.
Related
I am using CKeditor as an editor on my website. The documentation describes how to set the width and height of the editor which works for me. What I can't figure out is how to set the width of the textbox area when the Source is being viewed.
Here is what the CKeditor looks like under when not viewing the Source:
CKEditor when not viewing Source
Here is what the CKeditor looks like when viewing the Source. The area highlighted in yellow shows the editor window when viewing the Source. Notice it doesn't take up the whole CKeditor window like it does when not viewing the Source:
CKeditor when viewing Source
I am trying to figure out how to make the editor window the same size whether viewing Source or not. Any help is greatly appreciated.
When I edit the content in CKeditor, it looks well. but when I display the data on html page. the layout are reset by other css file. How to avoid this? Is it possible to disable show the content in CKeditor without toolbar?
The content.css solve my problem. Add the style to content.css .
ck editor is highly customizable. Go to your CKEditor Directory ckeditor\samples\index.html
Open this file
Click on ToolBar Configurator Button on top right Corner.
Switch to advanced mode. At top right corner there is a switch, toggle it to advanced mode.
Then build your toolbar.
Now click on 'Get ToolBar Config' Button.
Select and Copy the Configuration and Paste it into foll file:
ckeditor/config.js
For CSS issue: Try loading and calling the replace function at end of your html Page.
I create a page with multiple tabs.
On one of my tabs I want to use CKeditor on a textarea, so when I display my table I call:
editor = CKEDITOR.replace('MyTextArea', MyOptions );
I have the UI of the editor but when I click on the text area nothing append, I can't edit it. The solution for access to the text area is to use "tab" for accessing this field.
I try to put a default value and I can edit if I click on the text but if I click elsewhere in the area I cannot edit.
I have this problem for IE10 and I need it works on it. It's working on Chrome and Firefox. I use CKEditor 3.6.1 and I cannot upgrade it.
Thanks
The problem was the z-index of the container of my textarea, I change it and it works.
I implemented Kendo UI editor with ImageBrowser functionality in my asp.net mvc application.
Kendo UI editor looks good but the ImageBrowser popup does have any css applied to it.
Is there any class using which we can apply CSS to the imagebrowser.
Thanks
Are you sure that you have loaded all the necessary CSS files? The ImageBrowser should be styled as well as the Kendo UI Editor.
Have you checked this documentation article:
http://docs.telerik.com/kendo-ui/web/appearance-styling
How do I can change the default icon of button on toolbar of CKEditor my my owns?
Thanks.
If you need to modify one of the default icons (not a plugin's) you can modify skins\[name of your skin]\icons.png (suggested here)
Look into plugins folder - source code is there with links to images, just replace those with yours.