02-05-2021

View Markdown In Chrome



  1. There Are A Few Chrome Plug-ins That Work Well. I've Been Using Markdown Preview Plus . After Install, Enable 'Allow Access To File URLs' In Exten...
  2. Chrome Markdown Plugin
  3. View Markdown In Chrome Extension
  4. View Markdown Files

MarkdownEditor supports configuration of the bootstrap library version so that you can use this either with the Bootstrap 3.x library or the Bootstrap 4.x library versions. For setting up the bootstrap version for your extension, you can configure the MarkdownEditor::bsVersion property to one of the following.

  • To use with bootstrap 3 - you can set MarkdownEditor::bsVersion property to any string starting with 3 (e.g. 3 or 3.3.7 or 3.x)

  • To use with bootstrap 4 - you can set MarkdownEditor::bsVersion property to any string starting with 4 (e.g. 4 or 4.1.1 or 4.x)

The following sections describe the pre-requisites for enabling Bootstrap 3.x or Bootstrap 4.x version support in your application and other related controls/overrides.
  1. Learn how to fix the chrome Aw Snap! RESULTCODEHUNG error message easily using these methods. You can fix the result code hung error for any website.
  2. Download this app from Microsoft Store for Windows 10, Windows 10 Mobile, Windows 10 Team (Surface Hub), HoloLens. See screenshots, read the latest customer reviews, and compare ratings for Markdown View.

Global Bootstrap Version

Whether you’re a web designer debugging your site’s source code or just curious about what a site’s code looks like, you can view the HTML source right in Google Chrome. There are two ways to view. Implements PHP Markdown Extra and PHP SmartyPantsTypographer. Hard refresh your browser to clean cache for this page (e.g. SHIFT-F5 on Windows Chrome).

Generally, you may also want to set a default version globally for all Krajee Extensions (instead of setting it for each widget or extension separately). In order to do this, you can setup the bsVersion property within Yii 2 application params (i.e. Yii::$app->params['bsVersion']). To set this up, add this section of code to your application params configuration file (e.g. config/params.php):

If MarkdownEditor::bsVersion property is set, in addition to Yii::$app->params['bsVersion'], the extension level setting (MarkdownEditor::bsVersion property) will override the Yii::$app->params['bsVersion']. If MarkdownEditor::bsVersion property is not set, and Yii::$app->params['bsVersion'] is also not set, MarkdownEditor::bsVersion property will default to 3.x (i.e. Bootstrap 3.x version will be assumed as default).

View Markdown In Chrome

Yii2 Bootstrap Dependency

You need to install one of yiisoft/yii2-bootstrap or yiisoft/yii2-bootstrap4 extensions manually in your application to enable Bootstrap 3.x or 4.x functionality respectively. This dependency has not been pre-built into the composer configuration for Krajee extensions, to allow better control to the developers in configuring their bootstrap library version . If bsVersion is set to 4.x and yiisoft/yii2-bootstrap4 is not installed, then an exception message will be thrown mentioning you to install the yiisoft/yii2-bootstrap4 extension. Similarly, if bsVersion is set to 3.x and yiisoft/yii2-bootstrap is not installed, an exception message will be thrown mentioning you to install the yiisoft/yii2-bootstrap extension.

To install yiisoft/yii2-bootstrap4, add the repo to the require section of your application's composer.json.

To install yiisoft/yii2-bootstrap, add the repo to the require section of your application's composer.json.

View Markdown In Chrome

Override Bootstrap CSS/JS

Chrome

The Krajee extension asset bundle(s) by default depend on one of the following asset bundles to load the Bootstrap CSS and JS:

  • yiibootstrapBootstrapAsset and/or yiibootstrapBootstrapPluginAsset for bootstrap 3.x (bsVersion = 3 setting)

  • yiibootstrap4BootstrapAsset and/or yiibootstrap4BootstrapPluginAsset for bootstrap 4.x (bsVersion = 4 setting)

This is controlled by the property bsDependencyEnabled within the asset bundle (which defaults to true). One can override this and prevent the default yii2 bootstrap assets (CSS & JS) from loading by doing one or all of the following:

There Are A Few Chrome Plug-ins That Work Well. I've Been Using Markdown Preview Plus . After Install, Enable 'Allow Access To File URLs' In Exten...

View Markdown In Chrome

  • Global Override: Set Yii::$app->params['bsDependencyEnabled'] to false in your Yii 2 application config params.php. This setting will be applied for all Krajee Extension Asset Bundles that depend on Bootstrap assets.

  • Asset Bundle Specific Override: Set bsDependencyEnabled to false for the specific asset bundle within Yii2 Asset Manager component in your Yii 2 application config file.

Note

Chrome Markdown Plugin

When setting bsDependencyEnabled to false, you need to ensure that your app code/view layout loads the Bootstrap CSS and JS on your view before the Krajee CSS/JS are loaded to ensure that the Krajee extension JS plugins and CSS styles do not get broken.

View Markdown In Chrome Extension

Bootstrap 4.x does not include glyphicons or any other icons framework bundled with the library. Krajee extensions therefore will use Font Awesome 5.x icons instead of glyphicons when working with Bootstrap 4.x. You can download Font Awesome 5.x icons from the icons website. Alternatively, you can load the free version of Font Awesome from their CDN.

For Krajee extensions and demos, the Font Awesome Free version is used and loaded as the Icons Display Package on all the Yii2 demo layouts. To include font awesome assets on your page, include the following markup on the HEAD section of your view layout file, when bsVersion is set to 4.x.

View Markdown Files

  • Option 1: Font CSS version of Font Awesome:

  • Option 2: SVG / JS version of Font Awesome (recommended for cleaner scaling vector icons and features like icon layers):

    Alternatively, you can use the FontAwesomeAsset from the kartik-v/yii2-icons package to load the SVG/JS version.