CKEditor show block element HTML - javascript

I'm using CKEditor version 4.5. I want to configure showing HTML blocks for content.
Please help me.

Please use the Show Blocks plugin in your CKEditor build and it should work. It comes by default in the full-featured preset of CKEditor, but you can also add it to your custom build by using CKBuilder.

Related

How to display a leaflet map on a wordpress website?

I have finished a leaflet map on codepen.
My code is splitted in html/css and javascript/jquery.
I would like to know how to display the map on a wordpress website.
I had try the embedding on codepen, but the fact there is ''Result on top left'' and ''edit on Codepen'' doesn't match my needs.
Do i have to make the code in a full html (My javascript inside </>script then )?
Is there a easy way to display it?
Thank you very much
I use the following solution, which works for Elementor too.
Yes, do use the html, yet, add your css and js files inside your
wp-content > themes > child-theme > assets > css or js folders
link these files as you would in a standard html setting, either by typing up the whole permalink or in a shortened ../wp-content/etc. link. I use the first option.
Add your html and it should work.
Tip 1: Inside your browser, inspect for any errors, because if you have any older javascript , WordPress will issue a warning.
Tip 2: If you use any images, you need to optimize the images like WordPress Media does.

Highlight javascript inside HTML in Atom editor

So, I'm new in Atom, and I noticed that when I use <script> in HTML, it won't highlight anything, I'd like to know if this is normal, and if it is, how to make Atom highlight JavaScript inside <script> tag within HTML?
Go to the settings core tab and uncheck Use Tree Sitter Parsers option. Should work without restarting atom.
I had the same issues. The solution is to install a new theme.
Minimal-syntax-dark

how to use materializejs components with meteor

I use materialize framework for my front-end meteor app.
I have installed materialize package and jQuery package, and I can use componants that use only css but when it came to js componants I can't find where to put the Initialization.
For example I want to add dropdown I take the HTML code and I put it inside my HTML file
enter image description here
After that I didn't know how and where can i put the js or jquery code
enter image description here
So I want to know where and how I use the js or the jquery lines please.

Is it possible in CkEditor or TinyMce to split the toolbar or menu bar from editor?

I am using rich text editor ckeditor in my website which works fine but i want this to look something like a text editor used by blogger like shown in the image below. how is it possible?
this is how i want it to be
CKEditor 4.x you have the sharedspace plugin which allows you anchoring editor toolbar in specified element and use it for all editors you have on your web page.
You can find a demo of sharedspace plugin with source code here: https://sdk.ckeditor.com/samples/sharedspace.html
About moving all toolbar items into a single line. Please open standard or full sample and play around with the Toolbar Configurator. If you remove row separators, you will get single line toolbar. Next you just need to copy the toolbar configuration and paste it into config.js (if you want to use it for all editors) or into editor instance configuration (if you want to use it for a single editor).
NOTE: The available space in that sample is too small to fit all the buttons in a single line but of course on your web page the available space may be wider.
You may be able to get something similar to this if you use TinyMCE's inline mode. https://www.tinymce.com/docs/get-started/use-tinymce-inline/
If you use the inline editing option for TinyMCE you can define a fixed location for its toolbar/menubar:
https://www.tinymce.com/docs/configure/editor-appearance/#fixed_toolbar_container
Based on your picture you can place it in a div that is located at the top of the page and it will appear there as opposed to "attached" the editor.

develop a Custom HTML Slider for joomla

I'm new to web and its developing.I have HTML code and JS & CSS codes snippets i want to grab all these into one HTML page to Attach custom HTML page to Joomla. Please find below the link I followed.please help me. I need to use this kind of slider
Click here to see i want to use CSS,JS,HTML code
Try this,
Instead of creating a custom HTML page for slider you can create a banner module,then assign it to a proper menu , this way has several advantages and you can use it on multiple Joomla sites and easy to manage etc.
In this method you can manage images from banner manager and links ,clicks,impressions etc. An example Joomla banner slider can be download form here. If you have some experience in Joomla then it is very easy to make your slider from the example.
If you still want to use custom html create an article then assigne it to a proper page like home. Then use some Sourcer kind of plugin for adding script inside article editor.
Hope it make sense..

Categories