spot7.org logo
Home PHP C# C++ Android Java Javascript Python IOS SQL HTML Categories

Jekyll: produce custom HTML for external links (target and CSS class)


It seems writing a plugin is straight forward. This is what I have come up with:

module Jekyll
  class ExtLinkTag < Liquid::Tag
    @text = ''
    @link = ''

    def initialize(tag_name, markup, tokens)
      if markup =~ /(.+)(s+(https?:S+))/i
        @text = $1
        @link = $3
      end
      super
    end

    def render(context)
      output = super
      "<a class='external' target='_blank'
href='"+@link+"'>"+@text+"</a>"
    end
  end
end

Liquid::Template.register_tag('extlink',
Jekyll::ExtLinkTag)

Example usage:

Exhibition at {% extlink Forum
Stadtpark http://forum.mur.at %}.

HTML output:

<p>Exhibition at <a
class="external" target="_blank"
href="http://forum.mur.at">Forum
Stadtpark</a>.</p>

Categories : CSS

Related to : Jekyll: produce custom HTML for external links (target and CSS class)
How to import the external libraries to target project's lib folder with Gradle
Putting libraries in the folder is possible and can be configured as in this tutorial. However if You use the local folder transitive dependencies will not be resolved - You need to put all the libraries in this folder if You'd like it to be the only repository for libraries. What You can do also is to exclude transitive dependencies as written here. The scenario is a bit unclear so I suppose that

Categories : Gradle
No links work, page anchors or external, and I get no errors in Firebug
One issue I found is in your header. Chrome has an error parsing the meta tag with name="viewport" It complains that "device-width;" for key "width" is invalid It also says to use a comma for separating the key-value pairs, not a semicolon. EDIT: Looks like you should just replace the semicolon with a comma to solve that error. device-width for key width seems to be ok. Source: https://github.co

Categories : Jquery
Android WebView links to same window with target=_blank to open new window
First, mWebView.getSettings().setSupportMultipleWindows(true); Then in WebChromeClient, override OnCreateWindow() private class MyWebChromeclient extends WebChromeClient { @Override public boolean onCreateWindow(WebView view, boolean isDialog, boolean isUserGesture, Message resultMsg) { WebView newWebView = new WebView(WebViewActivity2.this); v

Categories : Android
Custom links on Paginate
You're not really paginating infos in this case. You're paginating created_on attribute for those records. So: make sure you have created_on on those records grab those records grouped by created_on. Raw sql, or a scope will do a job. (scope won't we returning proper objects though) When you have an array of created_on dates you'll need to create some sort of pagination control to display those

Categories : Ruby On Rails
How to target CSS class names that start with digit
You could set an attribute class to solve this issue: [class*="1200mm-"] { margin-top: 20px; } This will style every class that contain 1200-m An example: http://jsfiddle.net/o9re6vf1/

Categories : CSS
Recently Add
Wrap an input with pseudo borders made of divs
Site doesn't display styling on Firefox or IE –– works fine with Chrome and Safari
CSS - Position image to the left + partly cut-off + responsive + Bootstrap
Can i cross-fade li elements using angularjs ngAnimate
hidden-sm in bootstrap 3
Ruby on Rails - Bootstrap / Form_for vs input_groups - How to stop styles butting heads
locating joomla files when I do inspet element in firefox
Some Images flicker in IE8
Tooltip CSS ONLY: focus and hover prevents access to following button
Strange shadowed boxes randomly appearing - CSS error?
Bootstrap popover dynamic size
Horizontal List Exceeding Right Margin
How to put !important in all CSS properties using SASS or CSS3?
Wrap content and remove extra whitespace?
Force div's height expand with it's container
Animation delay on page load
CSS Keep on-hover item open until another item is hovered on
Confused by LESS replace() function behavior
How to transform an image in SVG (or CSS) into a non-parallelogram shape?
Ignore CSS declaration on a specific control
Mark space for :after content non-breaking
2 inline images - 1 centered and 1 right using Bootstrap
Bootstrap - three sibling col divs, is this layout possible?
jquery mobile-vertically center two lines of button text
Change footer content in magento
CSS help - Shopify Blockshop theme collection page alt image hover changes
SVG filter feGaussianBlur in percentage
How to remove arrow from select element
how to align sub tags in parent tag
Attribute name "onclick" associated with an element type "Label" must be followed by the ' = ' character
© Copyright 2017 spot7.org Publishing Limited. All rights reserved.