TinyMCE Content_css is not working in Cloud version - tinymce

I am using cdn.tiny.cloud v5.
When I initialize the editor I'm using content_css
tinymce.init({
content_css: "myCssFile.css"
...
});
When I use TinyMce cloud version my css file does not affect the editor content.
When I change to TinyMCE self host version, the content_css does work.
Am I missing something?
Thank's
Zmira

When I use TinyMce cloud version my css file does not affect the
editor content
If you look at the browser's Network tab I suspect you will see that (based on how you defined the path to your CSS file) that the browser is looking on the Cloud server for your CSS.
When you use a simple "path" like that you are in effect telling TinyMCE to go back to where it found TinyMCE for the CSS file but if you are pulling TinyMCE from the Cloud server that would not be a valid path for the CSS. You likely need a more complete path. For example:
content_css: "https://my.server.com/files/css/myCssFile.css"

Related

How to access pages without adding .HTML extention to the urls in AEM 6.3

I'm working in an AEM project and part of development we are accessing the content using http://localhost:4502/editor.html/content/xyz/en/app.html.
While navigating to another page it is redirecting me to http://localhost:4502/editor.html/content/xyz/en/inko-app (observe carefully the link is without .html extension) and in order to see the new webpage I had to add .html extension manually.
Is there anyway I can automate this only for development environment?
Versions used:
AEM: 6.3
build version :20170420
I have gone through Adding .html extension to page selected but it is not quite useful
Can you check if in your sightly or java where you are declaring the page path, have you added .html as extension or not?.
For exmaple :
In your sightly if you are getting page path as "${currentPage.path}", the value will be without html, you need to explicitly add .html to
"${currentPage.path}.html" like this.

TYPO3 RTE Stylesheet broken link?

I am using this typoscript in my Page TS Config to add a stylesheet to the RTE:
RTE.default.ignoreMainStyleOverride = 1
RTE.default.contentCSS = fileadmin/templates/css/rte_formats.css
I have used this several times perfectly, however I am working on a new server running TYPO3 7.6.11 and the stylesheet does not link.
If I inspect the RTE the css file is linked there, but the link is broken.
I don't know if it is related but in the filelist area if I open the info window for the css file and click the 'Show' button I get a 404 (the same happens for every file, even though they are working fine on the front end).
Strange, file show info also adds the /typo3/ before the fileadmin part but the files are listed in the filelist? What result do you get when you use RTE.default.contentCSS = fileadmin/templates/css/rte_formats.css
Frontend and Backend need to be completely accessible. A configuration where server.com has no access to fileadminand mysite.com with no access to typo3 is not supported. Both folders hold viable resources for Frontend and Backend.

The TinyMCE editor is not showing when we edit/create body content

We have turned on the TinyMCE module and set the Body flavor to html. Unfortunately, though, the editor control does not display when we edit or create posts. Currently, we're working around this using LiveWriter to publish. What do you know about why TinyMCE wouldn't be working?
The problem was that I was using the markdown flavor for the Body Part without having enabled the Markdown module. Here is how I fixed it:
Option 1: Enable Markdown
Use this option if you want to keep using markdown.
Orchard Admin
Modules
Markdown > Enable
Option 2: Using HTML not Markdown
Use this option if you'd like to use HTML instead of markdown.
Orchard Admin
Content Definition
Blog Post > Edit
Parts > Body > Body Settings > Flavor > HTML

Adding custom file extension to netbeans ide

I'm using NetBeans 7.2.1 for my developments with CodeIgniter/Bonfire.
In my controllers i'm loading my for the view needed JavaScripts via
Assets::add_js($this->load->view('admin/index_js', $data, true), 'inline');
to preparse some php variables in the JavaScript (like dynamic url's).
This forces me to save these JavaScript files witht he extension ".php" so that i can load it via
$this->load->view
All these JavaScript files are using the filename syntac
*_js.php
Since i load it via view and Assets with "inline" parameter i can't put the
<script>
</script>
tags in the script so NetBeans is not recognizing it as JavaScript and i have no syntax highlightning and no formatting options.
Any idea how i can get it that NetBeans can recognize it as JavaScript?
Thanks a lot.
Okay... got it...
One of my collegues made a change to the assets library to "erase" the script tags from assets::js inline included files:
http://forums.cibonfire.com/discussion/1134/assetsjs-inline_js-change-to-load-js-via-view#Item_1

Tumblr development tools

I want to create Tumblr theme and ineteresting is there any IDE (Netbeans, Eclipse, PHPStorm) plugins or tools for development? Ideal is to preview my theme in browser without uploading it to Tumblr.
Thanks.
I found my own way to develop tumblr themes using PhpStorm (or possibly any other IDE) and avoid the manual copy pasting to see my updates. I wrote a simple javascript to execute in your browsers console (MIT licensed).
setInterval(function() {
jQuery.ajax('YOUR-URL-TO-THE-THEME-FILE', {cache: false}).success(function(html) {
var btn = jQuery("div[data-action='update_preview']").first();
if (html!=ace.edit('editor').getValue()) {
ace.edit('editor').setValue(html);
if (!btn.hasClass('disabled'))
btn.click()
}
});
},1000);
Howto:
Use JetBrains PhpStorm to edit your html theme file ( It is possible to use other editors, the only important thing is that the file has to be hosted on a (local or public) server. )
Click Open in browser in PhpStorm while viewing the file.
Your browser should open with an url like this: http://localhost:63342/TumblrTheme/index.html.
Paste this URL in the snippet above.
Open http://www.tumblr.com/customize/YOUR-BLOG-NAME.
Click Edit html.
Open your browsers javascript console.
Paste in the snippet above (remember changing the path to your theme file).
The preview now is auto-updated every second if the source has changed.
Published at this gist: https://gist.github.com/cmfcmf/7154536
In terms of resources there's a few that I've found.
TumblrThemr
Thimble
Tumblr Boilerplate
There's also a TextMate bundle although it's a few years old.
Developing for Tumblr is a bit of a pain, the way I do it is by setting up a test tumblr to use, reblogging or posting each post type that I want (photo, photoset, audio, text, etc.). I work on the HTML locally and get it set up how I want it to, until I know I can do pretty much everything I need to achieve via CSS alone. I then host any assets (CSS/JS/etc.) on my server, use the theme editor on my test theme to update the HTML, and then anything I need to do can just be done on my remote assets. If I need to edit the HTML I do it locally then paste it back into the theme editor.
It's not the nicest way of working, but I've done about 4 themes that way and it works okay for me.