TinyMCE in MODX deleting rel attributes in my html links - tinymce

I have an image gallery built with slimbox and it is in MODX. I need to be able to modify the link tags so the client can add in captions to each image. When you right click on an image in MODX in the TinyMCE editor you can edit the title tag which is where the caption comes from. The problem is when it is saved it is automatically deleting my rel attribute for the lightbox function.
I have checked the xconfig.js file in the TinyMCE folder but the rel attribute seems to be allowed. Do I have to edit this file (I have tried to no avail) or do I need to add a separate line of code to the actual page that the problem is occurring on?
Any help would be appreciated. Thanks.

Looking at the default setup for TinyMce in MODX REvolution it turns out img tags don't allow the use of "rel" by default.
'img[align<bottom?left?middle?right?top|alt|border|class|dir<ltr?rtl|height'
+'|hspace|id|ismap<ismap|lang|longdesc|name|onclick|ondblclick|onkeydown'
+'|onkeypress|onkeyup|onmousedown|onmousemove|onmouseout|onmouseover'
+'|onmouseup|src|style|title|usemap|vspace|width],'
Did you changed this to allow rel? If you did it might just be a caching problem so you might want to clear all the manager caches maybe even flush permissions.

Related

TinyMCE and Dynamics365

I have a TinyMCE editor working with Dynamics365. In it, I'm able to get images to copy and paste into the window. However, I'm wondering where these images get posted to and/or stored and what I need to do to bring them back up when the page is closed and reopened.
When I reopen the page I get a list of errors saying the images can't be found (makes sense).
Thanks
When you copy and paste the image into TinyMCE what actual HTML are you getting before you save the content? What plugins are you loading in TinyMCE to help facilitate the copy/paste? There is a free paste plugin and a commercial powerpaste plugin - these would typically result in slightly different HTML depending on the source of what you are copying.
Knowing what sort of HTML you get after the paste would be the first step in determining possible solutions.
We are using URLs for inserting the images into the page.

Jump to a specific part of a page in a moodle wiki?

I should create a moodle wiki and I have got some sections on my wiki-page. Now I would like to create a table of contents where The user can jump between the sections like on Wikipedia.
What I tried:
section1
...
<h2 id="section1">Section1</h2>
The problem I got is that when I save the page the id property will be removed from the tags
If you are using one of the latest version of Moodle, it is possible to make the HTML ids stick if you add you HTML markups within the Wiki HTML editor.
This has to be the ultimate change you do to the document. Once you have your HTML correctly tagged, directly hit the Save button without going back to the editor's preview mode. They should be available in the Wiki after that.
If you need to edit the page again, be sure to keep a local copy of your HTML structure, in order to avoid having to add the HTML markups again. They will be removed everytime you edit the page or if you switch from the HTML editor to the WYSIWYG preview mode.

Changing the Moodle footer logo

How to change the Moodle logo which will be displayed at the footer page and change to some other logo? As per the given link 1 I have tried but I could not find the footer.html file in my themes folder.
So please help me with some other method (which does not use local machine because I'm working with a remote machine where I could access only the Moodle site, and nothing more than that) to change the logo and link of Moodle.
This depends on your theme - So you're not going to get a precise answer unless you post more details. But here's the gist:
Every theme is made in parts. Normally, you have a header, a content, a sidebar (or two) and a footer.
You want to be editing the footer file.
The footer file is going to be something within the lines of footer.html or footer.php... Something like that. Again, every theme is different so it could be called something completely different. Sometimes, you just need to dig around.
Please also consider that your footer file may also be contained in a sub-directory in your theme folder. So make sure you have a proper look before deciding to "call off the search".
Anyway, once you've found your footer file (Whatever it's called), you'll want to open it and find the image.
If the image is inserted as a HTML reference of location, you can find it by Ctrl+F and typing in the name of the image file. E.g. "footer.jpeg" or whatever.
If the image is inserted as a PHP relative reference, e.g. "$FooterImage" then don't change that, instead, find out where the variable is pointing to in terms of the file-path, and go and edit that image file via FTP instead. You don't have to keep the PHP variable, but I'd keep it in for code-integrity purposes.
Tip for the future: Please include information like name of theme and Moodle version. It enables us to help you better.
Clean Theme:
Things are a bit different with Clean Theme as it doesn't have a single footer file.
You need to go into all layout files one at a time.
Look for this div:
<footer id="page-footer">
...
</footer>
In this footer, you will find a PHP command that says:
echo $OUTPUT->home_link();
To remove the logo, remove this line.
To replace the logo, you can either:
Replace the "home_link" reference in PHP to point to the new image file.
Or
Remove the PHP line and replace it with
?><img src="link_to_your_image" alt="Logo"><?PHP
Remember, you will need to do this for all layout files.
Have a look at Footer replacement at the official Moodle Documentation. Hope that helps.

ModX Evo places page name in image path URL. How to disable this?

I just upgraded a site from 1.0.5 to 1.0.12 and am having troubles with images. It seems that now when I save a resource, ModX or TinyMCE places the name of the resource in the path for whatever images I have in that resource.
So, formally, my image paths looked like:
www.mysite.com/assets/images/photo.jpg
but now they look like:
www.mysite.com/page-name/assets/images/photo.jpg
This has broken all the images on my site. Further more, adding a new image or finding the old ones via the file browser doesnt work either. It just inserts them with the proper path, but updates them with the new path upon save, having the same effect.
Does anyone know what I can do to solve this?
Just specify "base url" in "head" tag - <base href="http://your_site.com/" >

cannot find image of webite header in joomla

Am just beginning with joomla on a site that is already existing and was previously managed by someone else who is not available at the moment. I am trying to troubleshoot a problem why the website is displaying the header differently in different PCs but I am not being able to find the image of that header file. I tried to look for it under "site > media" but cannot find the image among the images in that area. I also tried to look for the path to the image through the template css and found this path ../images/logo.png which I believe must be the path to the header image but I honestly don't really know which path ../images/logo.png is but assuming it is the one under "media" then I still cannot find the image. Could you give me a clue on where the header image files could be found cause I've actually still failed? Or, could you make me understand this path ../images/logo.png or how to find an image on a joomla admin interface like say "logo.png". In fact I discover that on looking at the CSS for the template, the image paths found in it are not found in "Media"? Is there another path for the images in the template and how do I access them? I cannot FTP my host at the moment to view the physical files due to the long procedure needed so am hoping that there is a way to find it. I only have joomla admin access and nothing like Cpanel as yet. The joomla version of the site is 1.5.22 which I know is an old one but I plan to do first things first. Hope I've given enough infor.
Try using FireBug, or Chrome debugger - (press F12) and check "Click an element in the page to inspect" to see where the specific image is located exactly.