Anchen mzbac

## dynamicPagRepeatAngular.html
<!DOCTYPE HTML>
<html lang="en" ng-app="myApp">
	<head>
		<meta charset="utf-8">
		<title>Dynamic Pagination w/ Filtering</title>
		<meta name="viewport" content="width=device-width, initial-scale=1.0">
		<meta name="description" content="">
		<meta name="author" content="Kim Maida">

		<!-- JS Libraries -->

## VSC eslint config
In VSC, push F1, then write "extension", select "installer extension" and then, write "eslint" and validate. you will have to relaunch VSC
In VSC code, open the user parameters (settings.json) and write:

{
    //disable default javascript validator replaced by eslint
    "javascript.validate.enable" : false
}

## README.md

      
              2 files
            
          
              0 forks
            
          
              0 comments
            
          
              0 stars
            
          
                mzbac
                / README.md
            
            
              Created
              July 26, 2016 10:51
                — forked from SamyPesse/README.md
            
              
                Complete example of code highlight for Draft.js with Prism
              
          
    How to test it?

Copy the prism.js file under examples/prism/ in Draft.js repository.
Run npm install prismjs
Then open it in your browser.

  
## draft-js-plugins-toolbar-shouldRenderToolbar-fix
(editorState
          .getCurrentContent()
          .getBlockForKey(selectionState.getStartKey()) === editorState
          .getCurrentContent()
          .getBlockForKey(selectionState.getEndKey()));

## draft-js-plugins-decorator
import React, { Component } from 'react';

// Get a component's display name
const getDisplayName = WrappedComponent => {
  const component = WrappedComponent.WrappedComponent || WrappedComponent;
  return component.displayName || component.name || 'Component';
};

export default ({ theme }) => WrappedComponent => class ConfigDecorator extends Component {
  // Statics

## insert custom block on draftJS
    insertMedia(type, src, cb) {
        let editorState = this.state.editorState
        let contentState = editorState.getCurrentContent();
        let selectionState = editorState.getSelection();

        let afterRemoval = Modifier.removeRange(contentState, selectionState, 'backward');
        let targetSelection = afterRemoval.getSelectionAfter();
        let afterSplit = Modifier.splitBlock(afterRemoval, targetSelection);
        let insertionTarget = afterSplit.getSelectionAfter();

## react bootstrap modal
var ModalFixMixin = {
    componentDidMount() {
        if (document && document.body) {
            var orig = document.body.className;
            document.body.className = orig + (orig ? ' ' : '') + 'modal-open';
        }
    },
    componentWillUnmount() {
        if (document && document.body) {
            document.body.className = document.body.className.replace(/ ?modal-open/, '');

## getVisibleSelectionRect testing
TextEditor.js

      <div styleName="container">
          <Toolbar
            editorState={editorState}
            onChange={this.onEditorChange}
            boundingRect={boundingRect} />
          <Editor
            editorState={editorState}
            onChange={this.onEditorChange}

## introrx.md

      
              7 files
            
          
              0 forks
            
          
              0 comments
            
          
              0 stars
            
          
                mzbac
                / introrx.md
            
            
              Created
              September 7, 2016 02:49
                — forked from staltz/introrx.md
            
              
                The introduction to Reactive Programming you've been missing
              
          
    The introduction to Reactive Programming you've been missing

(by @andrestaltz)

This tutorial as a series of videos

If you prefer to watch video tutorials with live-coding, then check out this series I recorded with the same contents as in this article: Egghead.io - Introduction to Reactive Programming.


## draft-js to like input tag
.public-DraftEditor-content {
  height: 40px;
  overflow: scroll;
  padding-bottom: 10px; /* hide the scrollbar */
}

.public-DraftStyleDefault-block > span {
  white-space: nowrap;
}
	<!DOCTYPE HTML>
	<html lang="en" ng-app="myApp">
	<head>
	<meta charset="utf-8">
	<title>Dynamic Pagination w/ Filtering</title>
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
	<meta name="description" content="">
	<meta name="author" content="Kim Maida">

	<!-- JS Libraries -->
	In VSC, push F1, then write "extension", select "installer extension" and then, write "eslint" and validate. you will have to relaunch VSC
	In VSC code, open the user parameters (settings.json) and write:

	{
	//disable default javascript validator replaced by eslint
	"javascript.validate.enable" : false
	}
	(editorState
	.getCurrentContent()
	.getBlockForKey(selectionState.getStartKey()) === editorState
	.getCurrentContent()
	.getBlockForKey(selectionState.getEndKey()));
	import React, { Component } from 'react';

	// Get a component's display name
	const getDisplayName = WrappedComponent => {
	const component = WrappedComponent.WrappedComponent \|\| WrappedComponent;
	return component.displayName \|\| component.name \|\| 'Component';
	};

	export default ({ theme }) => WrappedComponent => class ConfigDecorator extends Component {
	// Statics
	var ModalFixMixin = {
	componentDidMount() {
	if (document && document.body) {
	var orig = document.body.className;
	document.body.className = orig + (orig ? ' ' : '') + 'modal-open';
	}
	},
	componentWillUnmount() {
	if (document && document.body) {
	document.body.className = document.body.className.replace(/ ?modal-open/, '');
	TextEditor.js

	<div styleName="container">
	<Toolbar
	editorState={editorState}
	onChange={this.onEditorChange}
	boundingRect={boundingRect} />
	<Editor
	editorState={editorState}
	onChange={this.onEditorChange}
	.public-DraftEditor-content {
	height: 40px;
	overflow: scroll;
	padding-bottom: 10px; /* hide the scrollbar */
	}

	.public-DraftStyleDefault-block > span {
	white-space: nowrap;
	}