Localize tinymce for 2sxc module in dnn - localization

I found localized JS file on tinymce web site.
Now I am interested how can I integrate this localization into 2sxc module for dotnetnuke?

To localize more languages, please contribute to the github project https://github.com/2sic/2sxc-eav-languages

If you are using a local install of TinyMCE...
The language files for TinyMCE need to go into the langs folder inside of the main folder where TinyMCE itself is located.
For example, to load Spanish I have this file structure:
..../tinymce/langs/es.js
The second part of this is to add a parameter to the TinyMCE configuration object to tell it to load the language pack:
language: 'es'
How you get this done in 2sxc - that I don't know as I have no experience with that tool. If you can figure out where the TinyMCE files are located and how 2sxc creates the TinyMCE configuration object this should be easy to address.
If you are using TinyMCE via CDN...
You can specify a different location for the language packs (they are not currently on the CDN). The language_url configuration option allows you to do this:
https://www.tinymce.com/docs/configure/localization/#language_url
You can then place the language file(s) wherever you like. For example:
tinyMCE.init({
language_url: 'http://example.site.com/some/path/you/pick/languages/es.js'
});
Note: You can get language packs from https://www.tinymce.com/download/language-packages/

Related

How to use PhpStorm to autocomlete style sheets

I'm using PhpStorm for a Bootstrap project.
Is there any way to make PhpStorm autocomplete get and predict CSS classes from external file without linking this file to the edited file?
Or any way to select stylesheet file and make PhpStorm use its' classes inside whole project without linking this CSS file to the edited file?
In HTML templates/partials completion includes selectors from all project stylesheets - unless you have some styles explicitly linked/embedded in your partial via <link> or <style> tag. See https://youtrack.jetbrains.com/issue/WEB-2223 and linked tickets.
Vuejs templates will be treated differently since 2017.2 - see https://youtrack.jetbrains.com/issue/WEB-25767

Dust JS Templating visualization and generation

I would like to know tools support for dustjs templating for following.
WYSWYG visualisation. Is there a tool using which I can preview the html template while I edit in dustjs template file.
Automatic creation of templates from wireframes. Is there a tool to create .dust files from .html.
Is dust integrated with any CMS tool? like handlebar in Adobe Experience Manager.
If you know of any good tools for dust js please let me know. I would be using sublime / atom/ eclipse IDEs.
To preview a Dust file automatically as you change it, you'll first want to set up automatic Dust compilation. You can do this using the built-in dustc tool, or via a Grunt plugin like grunt-dustjs.
If you're using dustc, you'd do something like this:
dustc --output=lib/compiled.js --watch templates/**/*.dust
Now, any time a .dust file inside your templates directory changes, the templates will be recompiled and placed into lib/compiled.js. You can load this file on your page and render Dust how you normally do.
Then you can use something like BrowserSync to reload your app in different browsers to get a WYSIWYG preview, or wire it up yourself using a Grunt task like grunt-contrib-watch.
Any HTML file is a valid Dust file. The .dust file extension isn't special! You can even pass files ending in .html to the Dust compiler; it doesn't care. So if you create templates from sliced PSDs or other wireframe tools, they can be compiled as Dust templates. All you have to do is add the appropriate variables.
There are no WYSIWYG editors available that integrate with Dust (but Stack Overflow is not the place to obtain tool recommendations anyways).

Adding a new locale to a Dojo widget

I use the DojoX Enhanced Grid widget, which comes with translations for a few languages(locales) built in:
See http://svn.dojotoolkit.org/src/tags/release-1.6.1rc2/dojox/grid/enhanced/nls/
If I want to add a new locale (let's say cn (chinese) or ru (russian)), how do I do that?
If I were hosting Dojo locally, that would be rather trivial (I would just add a folder under the dojox/grid/enhanced/nls/ directory for the locale of my choice and provide translations over there), but in my case, I have dojo loaded from a CDN.
That is quite easy. You can configure many global properties (including locale) via dojo config object, before dojo.js is loaded. http://dojotoolkit.org/documentation/tutorials/1.8/dojo_config/
Found out that the correct locale code for chinese is zh, not cn. Both chinese and russian are already supported by dojox/grid.
I don't think there's a way to add a new language, (say Hindi or Latin), without hosting dojo locally. Even with dojo hosted locally, it's not a trivial matter of adding a new folder for that locale; there's something more to be done with it that I don't know.

How to change TinyMCE language in Umbraco

I'm using Umbraco 4.9. I've downloaded a language pack and installed it in my Umbraco's TinyMCE. I suppose there is a tag in tinyMceConfig.config file that defines the language for richtexts, but I can't find anything. Does anyone know about that?
UPDATE:
I tried:
<config key="language">en</config>
but even the default en language option makes richtext editor disapear.
The language of the WYSIWYG text editor is controlled by the user login.
Under the user select the language you would like to use for the backend of Umbraco.
Out of the box it supports:
Danish
German
English (uk)
Spanish
French
Italian
Korean
Dutch
Norwegian
Swedish (se)
Swedish
If the language you need is not listed there, you have a couple of options. The first option is to create a whole new translation of the Umbraco backend, this involves editing Umbraco translation files etc and and is reasonable sized task.
If you just want the TinyMCE editor translated you can hack the JS so that it uses your translation file instead of the default.
To do this you need to rename a couple of JS files and update one. Basically the principal is that you replace one of the existing languages i.e. en or fr with your own.
There are instructions on how to do this on the post on our.umbraco.org
I don't recommend this approach, if you are looking for new full translation of the backend then why not reach out on the our.umbraco.org forum and see if anyone has already done the translation you are looking for or would be willing to help.

How to add themeroller custom theme to my website?

I have created a custom theme using Jquerymobile.com themeroller.
A mobile website which i have created using default theme values like .js and .css folders.
Now i want to change that theme of my website to my new custom theme,created using themeroller.
How to include those files to my coding?
When you download the themerolloer that you create, there is a sample index.html file that uses the theme that is enclosed. Look at that to see what files need to be included in your page, but more importantly, look at that code to see what CSS classes are being used - no point in including them in your page if you aren't using using the Themeroller classes
You can see all the steps, and a full tutorial on the Getting Started page

Resources