I use TinyMCE Version 2.1 for my panel.
Sorry, how can I remove from the links of the images this symbol "../"?
I would like these links:
<img src="https://www.site.it/images/nameimage.jpg"...>
and NO this link:
<img src="../images/nameimage.jpg"...>
Thanks a lot ;)
Alexander
Related
I want to know the best way to represent FontAwesome icons on GitHub flavoured markdown. Currently What I do is I include the path for my compiler to find FontAwesome and Academ-icons.
link rel="stylesheet" href="https://cdn.rawgit.com/jpswalsh/academicons/master/css/academicons.min.css">
<link href="https://stackpath.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css" rel="stylesheet" integrity="sha384-wvfXpqpZZVQGK6TAh5PVlGOfQNHSoD2xbE+QkPxCAFlNEevoEH3Sl0sibVcOQVnN" crossorigin="anonymous">
Then write my desired Academicon as
<i class="ai ai-arxiv ai-5x"></i>
<i class="fa fa-medium fa-5x" aria-hidden="true">
Mind you this is a markdown file that I am editing. When viewing on MarkdownPad, my README renders with the icons, but when pushed to Git the icons don't show. Compiling with Pandoc to an HTML page still renders the icons. Can someone help me with this?
After a few months of initially posing this question, I found the answer. So apparently GitHub does not support CSS rendering for security purposes. Here is an answer to this question.
I have verified this using custom CSS and trying to centrally render a logo on my README but it doesn't work either. Here is the README in question
I am not exactly sure but READMEs on GitLab may still render custom CSS. I have used GitLab but the GitLab settings vary w.r.t. the org.
Before upload a photo to my server I want to modify background, layout,.. of image like as Photo Filter of Instagram (please review attach image).
Please help me about that, jQuery plugin or Library to do it?
For styling images, you should mostly use CSS. There are pretty good CSS libraries out there for this. for example Instagram.css
<link rel="stylesheet" href="instagram.min.css">
Add a class filter-[filter-name] from list of possible classes:
<figure class="filter-[filter-name]">
<img src="assets/img/instagram.jpg">
</figure>
Results:
You can then use javascript or jQuery to dynamically add classes and apply filters.
I think this is solution for your problem
https://www.html5rocks.com/en/tutorials/canvas/imagefilters/#toc-conclusion
https://developer.mozilla.org/en-US/docs/Web/API/HTMLCanvasElement/toDataURL
Like in this example you can use a FocusArea in the Backend.
The result in the Frontend looks like this.
<img src="..." data-focus-area="{"x":4994,"y":2809,"width":4994,"height":2809}" />
What is needed in Frontend so that this focus-area is always visible?
I think there are jQuery libraries for it.
I doesn't used this feature for now, but a quick look on this seems promising:
jQuery Focuspoint
Please note that this feature is only relevant if your space for the image is smaller than the image you want to show.
I would like to insert some pictures in my custom web page for SonarQube 6.3.1. I tried to put it in resources/static like javascript files and call it with <img src="image.png"></img>but it doesn't work.
I do not really understand how SonarQube manage custom pages within the static folder. I followed the official guide but I do not understand for example how to use external resources (images, html templates, etc.) in the js file of my page.
Thank you for your help,
Benoît
I have finally found how to use my assets:
Put your assets in src/main/ressources/static, for example I added an image here src/main/ressources/static/images/loading.gif
Let myplugin my plugin's identifier
I am able to use my gif in src/main/ressources/static/page.js like this <img src="../../static/myplugin/static/images/loader.gif"></img>
Maybe it can help somebody...
I'm using Rich Text Editor with MiscTools plugin to edit text in CQ%
However when I open the HTML editor and create sth like this
<div id="test">Test <!-- Test Comment --></div>
the CQ rewrites it to after switch back to HTML mode and source edit mode
<div id="test">Test </div>
Is it possible to keep HTML comment tag <!-- --> in the source code?
Thank you for answer my question
I would suggest taking it out of the div and see if that works.
In CQ5.4-5.6.1 (not sure about latest version AEM6), the Rich Text Editor intentionally strips out all HTML comments. The only way to stop it from doing this is to modify the product javascript source code in WhitespaceProcessor.js. However, allowing HTML comments in this way wouldn't be recommended as it hasn't been fully tested it might cause other errors. If you still need this feature, then you might consider contacting Adobe Customer Care to request it to be officially added to the product.