Moodle custom text editor button - moodle

I;m currently working on a plugin in moodle that allows for the importing of certain video's into moodle's page plugin. Is there a way for me to put my own button in the page editor? Thanks in advance.

Have a look at filters
https://docs.moodle.org/dev/Filters
The filter will replace text with the original video
There are a few existing filters here
https://moodle.org/plugins/browse.php?list=category&id=7

Related

Creating a TinyMCE plugin: How to make element selectable and editable

I'm trying to author my very first plugin for tinymce. Now, how do I make an element selectable? With the official image-plugin for example the user can click on a already inserted image, it visually gets focused and the image-plugin-button gets focused as well - see gif. Let's say I want to write a plugin that inserts a „Bootstrap Card“ which basically is just a div element. How do I make an already inserted Card selectable plus of course editable once the users clicks my new plugin button? Bonus question: ;-) Any suggestion for a comprehensive tutorial on tinymce plugin authoring?
To answer the bonus question first, there is an article on the TinyMCE blog that walks through creating your own TinyMCE plugin, with the example being an HTML to Markdown transformation
In the article, under the "Add the plugin to the editor" heading, Shahed Nasser writes the steps for adding the custom plugin button to the toolbar. Check under that heading for more information on getting the custom toolbar icon up and running.
For the Bootstrap Card item question – so it sounds like when your users select the Card, you need the following:
Focus on the existing cards in the document
Enable the ability to edit, adjust, or modify the cards in to get what they want written or expressed in the card done.
The first step would be to identify the card items. The TinyMCE.html.DOMparser API has a method that will filter for a specific node within the editor, and allow you to run a function on any nodes that match the filter. You can find the API docs here - https://www.tiny.cloud/docs/tinymce/6/apis/tinymce.html.domparser/#addNodeFilter
That's reaching the limits of my knowledge of what to do, hopefully the docs and article help give you the first steps to get your custom plugin going.

Rich Text Dialogs for Touch UI in AEM 6.5

I want to create Rich Text dialog in AEM 6.5
I have added the RTE plugins and UI settings but still it is not working.
Please see the attached image of the structure of rich text dialog.
Do we need to write some code or class so that rich text dialogs can work.
Please help.
The best way to figure out if you have done anything wrong is to copy the richtext from /libs/core/wcm/components/text/v1/text/cq:dialog/content/items/tabs/items/properties/items/columns/items/column/items/text to your dialog and check if the RTE is appearing or not. If it is, then compare the one you previously created with this one and figure out what is going wrong.
Always the best approach is to check the OOTB fields structure and compare it with your structure to figure out what is going wrong.
Rich Text Editor in Dialog
It is always better to configure dialogs directly with XML instead of doing it in CRXDE.
To start with you can look into the 'Text Component' dialog which has RTE in its dialog.
Look into the <text>...</text> part in the content.xml of the dialog. Hopefully, you will get a better idea.

Adding custom buttons to the about dialog in eclipse RCP

I'm trying to customize the about dialog in my eclipse RCP application. I already managed to add my logo and to replace the title and the text body as described under Branding Your Application.
I would also like to add some buttons to it: send a feedback or open the wiki page etc.
Is there a way to do it or achieve a similar functionality?
Any help is much appreciated.
The About diaog (org.eclipse.ui.internal.dialogs.AboutDialog) does not support any configuration.
The 'feature image row' you have highlighted is populated from the IBundleGroupProvider array returned by Platform.getBundleGroupProviders(), I don't see any way to add to this.

I need to insert an image between text in aem6.0

I need to insert a small image between text as below..
Please click here to see the example
Can I achieve this by using text and image component? If yes, how? Or any other way to achieve this?
You could do this with image but that would require special handing in your script/jsp/htl.
In most of the cases these images are governed via CSS classes and not dragged and drop. You could use the plugins feature of richtext component to create custom styles and apply them to the text. Refer to the Adobe's document here.
It seems you need to add icon in the text configured via RTE. To achieve this you have to build custom plugin by using Coral/Granite UI. This Link will be helpful to develop same sort of functionality.

Wordpress slider with filters & thumbnails outwith the slider

I am looking to create a slider within wordpress that is a little out of the norm and was wondering if anyone could give me advice on how to go about it.
I'd like a slider for a meet the team page on our website.
I am hoping the slider could work as normal but have filters on the left for departments and thumbnails below and outwith the slider with each employee on there.
I would like these thumbnails to be clickable and for the matching slide to appear when the thumbnail is clicked.
Can anyone suggest a plugin or a method to create this kind of thing?
Thanks in advance for your help.
Well i think you are referring to isotope jquery plugin. It filters down items based on the selected tag. Its actually free but you will have to create modify it for your needs. If you are using bootstrap you can get the idea of implimentation from here.
http://theme.stepofweb.com/Atropos/v1.5/HTML/page-team.html
Here is a paid wordpress plugin that can do that for you.
http://codecanyon.net/item/meet-the-team-wordpress-plugin/full_screen_preview/4983412