I got a PR with some description and because it's really easy, I just drag & drop my image in that description but sometimes I forget to add the width.
Is it there a way to format that markdown file so that each attachment in it will have by default a width of 200 for example?
I want to write text on the right side of an image in GitHub .md file. I mean image should be displayed on the left side of the text (text including heading, list, para and links). I know I can do it using HTML or CSS using flex or so but is it possible to do it using GitHub markdown? And is it also possible for the text to be vertically aligned with respect to image size?
Markdown doesn't provide a set of rules or syntax for how the text is to be displayed, other than allowing HTML elements with CSS. That's because Markdown, like HTML, is a markup language, and presentation is supposed to be done outside of it at a separate level (usually CSS).
However, for a variety of reasons, including security, aesthetics, and accessibility, GitHub strips out all CSS when it's rendering HTML from a README or other text document, so there isn't a way to do what you want.
Unfortunately the accepted answer is wrong. It is possible.
Github-Markdown:
<img align="left" width="200" src="https://www.rd.com/wp-content/uploads/2018/02/25_Hilarious-Photos-that-Will-Get-You-Through-the-Week_280228817_Doty911.jpg" />
# Headline
Some text
Rendered result on Github:
For the sake of completeness:
See also this answer: GitHub Pages: How can I wrap text around an image?
Is it possible to render text elements ( widgets ) as HTML, so that when looking at the source code of the website I have h1,h2,p... tags? Having everything as a part of canvas poses a big issue for Google crawlers.
Thanks!
I have a requirement where author can embed/link url/pdf in rte and if pdf is added, a pdf icon should be shown very next to link itself. What i have thought of
Customize OOTB RTE
Update css/js to add icon if pdf is recognized.
Anything better to suggest?
Thanks
I am using AEM 6.0 and want authors to create page using a template having
Page headline
Page sub headline
Page rich text
An image
Page rich text
Similar page - Page with image & RTE
I am planning to use AEM RTE for rich text and as RTE does not provide any option to inset image, i can do one of these
Upgrade RTE to embed image but it will have issues with responsiveness
Create page with multiple RTE and image components to render above output.
Does anyone know best way to achieve this?
For a fixed layout with responsive capabilities you are better off using templates just for simplicity. By fixed layout I am assuming your page will have fixed content location for images and text (guessing from your template details)
Modifying RTE for responsive image insertion on an arbitrary location will not render a good HTML unless you override a lot of RTE functionality. This will be a pain and counter-productive for the use case.
A mid-way alternative is to make a custom image with text (text and image control) where you allow the user to enter text and select and image separately and then provide additional layount options (image position) and responsive customisation.
One more flexible option is to use acs-commons grid layout control to use different text and image controls while letting a grid based css framework (e.g. bootstrap) take care of responsive aspects of the site.
Hope these ideas help you.