How to add pictures in colab text - google-colaboratory

I have used Jupyter notebook before and there is no problem to add pictures in the text cells.
In Colab, I have tried all the different ways I can come up with and I have searched the web. I have found a lot of solutions but none work for me. I think that the format of the downloadable link differs from the suggested solutions I have found. I have tried to modify the links in different ways but nothing seems to work.

I Found this in stack overflow: Insert Image in Google Colab Text Cell
I have uploaded my image to Google drive. If I right click the image I can select "Get Link". I think that one shall make the link "Open". Click "Copy link" and return to the markdown cell.
Where you want the image positioned, write "![](https://drive.google.com/uc?id=" then Ctrl + V to add the copied link, but delete all but the bold code as below :
"https://drive.google.com/file/d/1CDIZwkVNiKNmaskHPwnCFTkt-4_RxIhP/view?usp=sharing"
The resulting image link should look something like this:
"![ ] (https://drive.google.com/uc?id=1CDIZwkVNiKNmaskHPwnCFTkt-4_RxIhP)"
(Sorry for my English)

It is only just about adding a !.
Let me give an example,
Add a link.
Paste Image link
Then put ! before link text.(eg ![link text](https://i.example.com/e7e8ea16d242676.png))

Related

In Google Colab, can you add a Markdown setting which will be applied automatically?

I write most of my text in Hebrew, or a mix of Hebrew / English. for this, I need to add the following line to each text block:
div dir="rtl" lang="he" xml:lang="he">
(this didn't paste very well...)
but it's annoying to paste this each time. Is there a way to have this auto-pasted? better yet, is there a method to configure colab to work right to left by default?
My answer is not exactly what you are looking for, but here is tip that may help. You can create a code snippet with the line that you want to insert to more easily add it to your notebooks.
I create a small notebook with your snippet here https://gist.github.com/alexheat/b1bf37371a2d132cbd5b562e89d008d5.
In Google Colab settings, there is a section that says "Custom notebook snippet URL' enter this URL https://colab.research.google.com/gist/alexheat/b1bf37371a2d132cbd5b562e89d008d5/ltr.ipynb
Now create a new notebook and insert a snippet. You can type "Hebrew" to find the snippet. Insert the snippet.
This will create a code cell. To convert it to a markdown cell type Command+M+M.

How to edit Contents in pdf in edge

Actually I got a pdf file today and it's contents are a mess, and the file is way too huge to go through page-by-page to find the required data, is there anyway I can edit the content like:
Chapter - 1
Be sure to check this page!
remember this point!
or even like the following would work:
Chapter - 1
Chapter - 2
please help me out
Do you mean you want to edit the title of the contents highlighted in the picture below?
If yes, it is not possible to edit those contents for a PDF file using the Edge browser.
We can only use the options mentioned in the picture below to draw or highlight something on the PDF file. We can use an eraser to remove the drew or highlighted part. [Note: We cant use these options for the table of contents.]
Reference: Table of contents
I've got the solution for anyone having the same problem as mine, to edit, merge, or split pdfs anyone can consider using 'Wondershare PDFelement' it's a really cool app with tons of features that I found out while searching for solutions for my problem. The app has a really cool interface and you can add, edit or delete bookmarks and save the changes. The free version has limited features and also leaves a watermark but I am ok with it, however you can always buy the pro version.
Thanks.

How can I make an image float or right-align in a Google Colab markdown cell?

To explain the process that is going on in my notebook code, I use markdown text boxes between snippets of code. I would like to use small images to illustrate the text (a diagram often makes text clearer).
I cannot find a way of having those images floating on the right however.
I tried adding tags with CSS styling, but Colab seems to be removing those. I tried wrapping things in , but again no luck there.
You can also use the now deprecated align attribute on the image tag.
https://html.com/attributes/img-align/
One option is to use an HTML cell with the code hidden, which is triggered by the presence of a form title. For example, create a code cell with this content:
##title Some Stuff
%%html
Here are some words.
<img src="https://www.w3schools.com/html/smiley.gif"
style="float:right;width:50px;height:50px;">
Here are some other words and there is an image floating around it.
Then execute the cell & double click on the rendered title to hide the source. The result looks like this:

How do I make a link from a PDF?

I'm doing a project and I need the table of contents to have links so I can be brought to different parts of the same document with this. I know how to make a link in the program I'm using (google docs) but I'm not sure where I find the link to another page in the PDF. I know how to do this on Adobe but I don't have access to the Pro portion of Adobe. Any help would be great!
Select the word or phrase you want to be hyperlinked.
Go to insert link button. Write the destination URL, click Ok.

Lytebox close/next/previous buttons not displaying

I just downloaded lytebox. Everything seems to be working, except one feature. The close/next/previous buttons are not displaying. They still work, just I can't see them. I have moved the images folder to the same directory as my lytebox.css and lytebox.js, moved them to another directory, moved the images into the same dir as .css/.js, but nothing seems to get them displayed properly. I haven't edited any code. Are there any common reasons why they won't display properly? I have looked in the lytebox faq, but the suggestion there did not help. I can display the code if needed, it's just superlong so I don't want to take up too much space.
The path of all images should be located in lytebox.css. Search the code for the image names and you will see them. Then relocate the images or edit the css-file.
I had the same problem and sorted it by doing this
url('../images/close_black.png')