I'm trying to get TinyMCE to work for my site at https://nicer.app/apps/eyJjbXMiOnsicGFnZSI6ImluZGV4In19
But for some reason, the menus won't show.
Not for their simple example code, nor for their full-featured example code.
I'd love some pointers on what i'm doing wrong here.
with help from the bug reporting section at github, the problem was localized to my usage of overflow:hidden on the HTML tag instead of the BODY tag.
changing this fixed the problem :)
You have
menubar: false
...in your configuration so TinyMCE is just doing what you are asking it to do?
Related
I followed this tutorial posted on tiny.cloud and did everything according to the post. I got to the part where you define the content_css and the skin_url.
The skin I created is called Snoopal.
I did:
skin: "Snoopal",
content_css: "/elements/skins/content",
skin_url: '/elements/skins/ui'
But the editor doesn't show up on the website. What am I doing wrong?
I've also had a hard time working with these editors, if anyone has a good tutorial on making a custom rich text editor, please post it, thx in advance.
Glad to see a lot of posts about tinymce but there's nothing here that helps me with my current problem.
What I am trying to do is work out how to add "code" to my text with tinymce.
Something like this
Does anyone know how I can do this.
Help would be appreciated.
Mandy
You will need to add pre to the tinymce init setting valid_elements
You need to add to the editor the Code Sample plugin to your editor.
This is the example code to include the plugin from the TinyMCE website.
tinymce.init({
selector: "textarea", // change this value according to your HTML
plugins: "codesample",
toolbar: "codesample"
});
The codesample plugin uses http://prismjs.com/ to embed the code samples within the editor and works out of the box. That is, when a user copies valid code syntax into the editable area the code will be automatically formatted according to Prism default CSS rules.
You need to add prism.js and prism.css to your page for syntax highlighting to work.
Then you will get the code sample button in your editor interface.
Here you can find the Documentation about.
I have a block of text with some of its regions editable via contentEditable property. I am using Paste plugin's paste_preprocess to cleanup the text before pasting it. But when I try it get the o.centent (the clipboard data) it returns empty.
But when I try to do the same with a completely editable section, it works fine.
Any clue?
Thanks,
Imran
Although, it has been fixed. I invite seniors to please comment on the workaround I used to make it running. Please follow the link below:
http://tinymce.moxiecode.com/forum/viewtopic.php?pid=84335#p84335
The FB: comment plugin comes with both a like button and comment box. Does anyone out there know how to remove the like button from the facebook comment plugin?
I got it working:
To remove (hide) the like-button that
comes above the comments-box To hide
the Like botton, you will need to add
2 attributes and create a CSS file.
1. simple="1"
2. css="http://yoursitedomainname.com/fb_comments.css"
<fb:comments expr:title='data:post.title'
expr:url='data:post.url'
expr:xid='data:post.id' simple='1'
css='http://yoursitedomainname.com/fb_comments.css'/>
in the css file add this style code:
div.like, div.like div {display:none;}
If you want you can just link to my
hide CSS file:
http://www.fileden.com/files/2006/10/3/258652/hidelike.css
Thanks to Gil Goldshlager, original post # forum.developers.facebook.net/viewtopic.php?id=58903
I've also searched for this answer but found nothing. I guess it's not possible for the moment. But if someone knows anything about this, I would also like to hear about it!
The answer from mctaco/Gil Goldshlager did not work for me. i assume, they only work with the old comments plugin. But i tried around with the tags and this one was working for me, to remove the like button:
<div class="fb-comments" data-href="{{ request.build_absolute_uri }}"></div>
This code comes from django. if you are using another server side language, then you have to replace {{ request.build_absolute_uri }} with the absolute uri from the page, where you want to have the comments plugin installed.
If you omit the data-href attribute, the like button is displayed.
I am using the HtmlEditor Control included in the AjaxControlToolkit (patched version v62210 because I needed some of the included fixes).
Unfortunately the textarea in the Html Editor control is never displayed in Chrome and Safari (both latest version). It doesn't matter if there is text in it or not.
It does work on the AjaxControlToolkit Sample page with both browsers though.
Any ideas?
fixed it with the following css definition:
#ctl00_CR_TabContainer_TabPanelDetails_tbText_ctl02_ctl00
{
height: auto !important;
}
The selector is page specific but can be determined easily using Firebug.
Try to set this property of the editor:
InitialCleanUp = true
This should resolve chrome and IE9 postback issue also.
just define height and width in chrome browser, so text area will appear. as example.
height="300" and width="500" in Editor property.
Ok, I know this is a year too late, but I had this same exact problem, and I fixed it by setting the height property from the code-behind. I wasn't able to use #simmonw 's answer because I am adding mine to the page dynamically and I had no way of knowing what the selector would be named. Anyways, hopefully this will help someone.