I’ve followed Michael Harti Ruby on Rails tutorial and created ruby on rails app.
I’ve added some functionality as formatted text (link below) by implementing SKEditor.
ruby on rails: text filed formatting
So, right now text formatting is fine but the links are not clickable.
I mean, when users type for ex, http:://www/yahoo.com, they could not just click on it and go to yahoo.page. - it is just text instead of links.
I use
https://github.com/tsechingho/ckeditor-rails
and followed installation until Advanced Usage
to get formatted text.
How to make link clickable?
Advanced Usage said
“Add your app/assets/javascripts/ckeditor/config.js.coffee like..”
But right now, in my frame I have only app/assets/stylesheets…..
I create folder ckeditor and put file contents.css.scss and other files as well on it follow Advance Usage CKEditor(link above).
Is it right approach or should I do something differently?
But after those adding, I still have no clickable links……
How to get clcikable links using CKEditor
Thanks.
Notice the image below, I have first selected a text then clicked on link sign present at the second row of toolbar and finally added a link.
hope this helps
Related
Struggling a bit with a multilingual Craft CMS website. I am trying to get Live Preview working on both languages I use on my site. The Primary language works just fine, live preview is showing, and all edits are visible. However, if I switch to the secondary language and try to preview I get thre primary version.
In my .env file I setup two environmental variables the following URL's which I use in "Settings > Sites > Base URL":
PRIMARY_SITE_URL=http://mysite.local:8080
PRIMARY_SITE_URL_EN=http://mysite.local:8080/en/
In my Sections settings, I configured it as shown below:
I tried changing the second row in "Preview Targets" to en/news/{slug} however this was without success.
Any help would be much appreciated. Thanks much.
As mentioned by Brandon Kelly from Craft:
Just a single preview target should be necessary, with its URL Format set to {url}. It will show the entry in whichever site is currently being edited.
This solved the problem right away for me.
Thanks Brandon
I have just bought a license to use Ruby Mine and am really struggling to learn how to use it. I keep having to go back to Text Mate to do simple things like searching.
I'm trying to find where i have defined a css div (called "category title"). From what I can gather, I need to use 'Find Usages' in Ruby Mine. Most times when I go to the edit/find menu, 'find usages' is greyed out. Then, if I click on the uppermost 'app' folder, and click find usages, it searches for 'app'. It doesn't recognise the search in the search bar. If i type the div name in the code and click alt/F7, it gives me a typo warning rather than a search option.
Does anyone know how to search the entire app (not just the specific file of the app) in RubyMine? I'm finding this incredibly frustrating.
Thank you
The command you need is Find in Path which will search your entire project, set of projects if they are open together, a specific director, etc. It has a bunch of options, including a regex search. For Mac, it is Command+Shift+f, for windows Ctrl+Shift+f
Checkout this site for keyboard reference.
https://www.jetbrains.com/ruby/documentation/index.html
You might also try shift+shift which is search everywhere, files, classes, symbols.
Although I've noticed most problems with lightbox concern the question of how to put links in the descriptions, I haven't yet come across an answer to the problem I'm having.
I'm running version 2.6 and modified it to use the description from the attribute "data-title" instead of "title". This worked fine, as did putting links in the descriptions, the problem is that when I click on those links nothing happens. They react to hovering over them, the browser's status bar displays the address I'm linking to, right-clicking will bring up the correct context menu, only left-clicking will do nothing.
This is the code of the image:
<img src="thumb.gif">
And here's the page in question: http://himmelsbach-dourveil.net/fotos There's a link in the first photo's description.
Thanks in advance for your help!
You should update your version of lightbox.
Have a look at this PR : https://github.com/lokesh/lightbox2/pull/194
Any one can help me out for highlighting on epub. I open epub on UIWebView and allow user to highlight the text which he can see in future too. I am having database to store highlights detail. I am able to highlight using javascript. But since it uses range etc it remain till page is not change or reload.
Those who donot know what is epub you can suggest me on simple html page.
Please any one can suggest me how to implement highlight just like ibook have
Any logics?
Thanks in advance
See the following for the Javascript required:
https://github.com/fedefrappi/AePubReader/blob/master/AePubReader/SearchWebView.js
Download entire project to see how it's used.
My clients can enter text into textarea and have the option to use the markdown or textile filters for each textarea.
With some models (articles, newsletter, etc) they can upload images to associate with the model, which are displayed in a column next to the text of the text.
This worked fine for a while, but they have now told me that the want the ability to put the images INSIDE the text a specific positions.
What is the best way to go about this? I suppose I may have to use a wysiwyg for this, but would rather not. And how would this work for images which are not yet on the server, etc?
There are different directions you could go to:
Follow the path of Confluence, which released in their new version 4.0 a rewritten WYSIWYG editor, that stores as source XHTML, not any more wiki markup.
Leads to an update of all pages when migrating.
Was pretty difficult to implement. I do not know if they use any more the TinyMCE editor of previous versions.
Follow the format of markdown how to include images in your source format. So by typing: This is my text. !image.png! The inline image shows ..., you will have a format that is understandable.
You have to expand the interpretation, so that the !<filename>! will be mapped that is stored locally anyway.
You have to add clear-up dialogs for the images that are yet not known, so doing bulk uploads ...
You may provide a drag area on your view, that then shows the filename and gives examples how to include that inside the text area.
Go for something in between, by allowing users to drag images inside the editor. There are plugins written in Javascript that allow you to do that, e.g. UI Draggable for jquery
I have no idea how to integrate that image inside the text editor. Overlay?
So the second one is the easiest, and the user knows how to do it. If they only decide that this is the solution they want to have :-)
I think I'm going to use a combination of #2 above, and the Liquid templating engine.