I want to customize the insert/edit image popup in tinymce editor in Moodle.
The requirement is shown below as image:
That is I want to add a new tab next to Advanced tab, and want to add some message/text/fields etc. You can get my requirement from the above image.
My problem is I don't know which file is to edit. I tried some files but no effect/change is displayed.
My folder structure is:
plugins contains moodleimage and other folders
tiny_mce contains 3.5.11\plugins\advimage and more folders
I tried here also..but no luck..
So please someone help me to find the files to make the changes.
My Moodle version is: 2.9
Go into:
<your_moodle_installation>/lib/editor/tinymce/plugins/moodleimage/tinymce/image.htm
and go to the line 46 (or around it):
<li id="advanced_tab" aria-controls="advanced_panel"><span>{#advimage_dlg.tab_advanced}</span></li>
Just copy and paste it in the line below.
If you open your tinymce editor you will see that the "Advanced" tab is doubled.
Go and customize it;-)
Related
I want to understand what changes are made to the html of a webpage when I use an image carousel. When I go to the next image in the carousel the html of the page updates. I would like to get a copy of the updated html so I can run diff and compare the changes to the original html.
I am interacting with the webpage through Chrome but only have access to the publicly-available source code at the moment.
I have been using Chrome's Inspect Element panel. In the 'Elements' tab I can see the html changing when I move the carousel to the next image. Despite watching the html update in the 'Elements' tab, each time I try to save the html I can only save the original html at best. Here is what I've tried:
Open 'View Source' and save the source. In hindsight, I realised this fetches the source code fresh instead of loading the source code of the current view I'm looking at.
Save the page directly from the page I'm on.
Go to the 'Sources' tab in 'Inspect Elements' and save from there.
Try to save from the 'Elements' tab directly, but I cannot figure out a way to do this. There is no save option and I cannot select the text to copy and paste.
I've tried Googling and found related-sounding headings but these contained unrelated content.
Tried Firefox's Inspect Element, which at appears to be built on the same functionality. I wonder if it's built on the same engine?
I am using Chrome 84 on Linux Mint 19 but I would be willing to use a different browser or other application that would work on my system.
I hope this is the correct Stack Exchange for this question. I initially looked at webapps.stackexchange but that didn't seem as good a match once I scanned through other questions.
In the 'Elements' tab of Inspect Elements right click on an html tag, for example <html>, and select 'Copy OuterHTML'. Paste the selection into a text editor.
This works with both Chrome and Firefox. Firefox also gives the option to 'Copy InnerHTML'. The difference between the two is that 'OuterHTML' copies the opening and closing tags while 'InnerHTML' only copies the contents within the tags.
Is there a possibility to change image dialog of tinymce?
I want to add a checkbox (or input) for user to select it wants thumbnail to be created. I was looking for an hour and couldn't find it.
Thanks
TinyMCE's image dialog does not have this as a part of its standard distribution but as the editor is released under an open source license you could certainly modify the source code to do what you want. If you download the dev version of the editor you get the unminified versions of all the plugins.
I am using netbeans, and working on a web application. This application has multiple pages. Each of these pages has code which is recorded in the project as /project/web/pages/pagename/index.html/. I would like to edit two of these files at once in netbeans. That I can do no issue. However, both tab names merely read "index.html".
Is there a way to set it to differentiate them somehow? Preferably if the tab names would list the parent folder as well, ala sublime text.
so that the tab titles would read page1/index.html and page2/index.html.
Thanks
One solution is to go tools > options > appearance > check the "show parent folder names in tab title" checkbox.
However, this is a temporary solution and is not 'intelligent'.
In MOODLE I am using the tinyMCE editor. Here a button for insert special characters are available. This is build in button for tinyMCE. The image of the button is given below..
I have to customise this button function by adding some more symbols extra. But I can't find the file to edit. Which file is contains the functions of insert special character button. And where it resides. I look the moodle/lib/editor/tinymce directory but I can't find the necessary files. Please any one help me to find...
I am using moodle 2.7 version.
The symbols are in this file
/lib/editor/tinymce/tiny_mce/3.5.8/themes/advanced/js/charmap.js
I can't seem to find a way in the options to display the full path of the file at the title of the tab. I can hover over it to see it, but it would be nice to see it at a glance.
There is a SU question about it also, https://superuser.com/questions/88637/netbeans-how-to-view-file-full-path-in-window-title-or-somewhere-else
Does anyone have a solution for this to actually display it? I can see there is a custom .jar for it in the RC2 Netbeans, but that's probably way old now.
PS, I should mention that a path relative to the project would be ideal, as well as a full path. Either really :)
NetBeans 8.0.2
Tools > Options > Appearance > Document Tabs > Show full file path
The full path will appear only for the active tab (under the tabs), but you can also check "Show parent folder name in tab title" if you want to see the parent folder for every tab:
Try to use following netbeans plugin.
In Netbeans 6.9.1 (at least) you can open the Window/Properties window and pin it under the editor; this will contain the full path in the "All Files" property which is then visible at all times and always contains the current editor file's properties.
Starting from NetBeans 6.9 you can use the NetBeans extention "show path in title":
http://plugins.netbeans.org/plugin/42000/show-path-in-title
it's very helpful :D
You can also 'Select in --> [Project|Files|Favorites]. This opens the exposes the node for the file in the Projects, Files or Favorites explorer.
To do this, right click in the text editor for the file you are interested in; the 'Select in' item is near the bottom of the menu that appears.
Try using CTRL+TAB, you can find the path in status bar. This is not complete solution for your question but using keyboard (without using mouse atleast) you can find the path of the open file(s).