Block.Instance

getBlock

Returns the DOM element of the block.

var instance = this.app.block.get();
var $block = instance.getBlock();
$block.css('color', 'red');

getType

Returns the type of the block.

var instance = this.app.block.get();
var type = instance.getType();

getTag

Returns the tag of the block.

var instance = this.app.block.get();
var tag = instance.getTag();

getHtml

Returns html of the block.

var instance = this.app.block.get();
var html = instance.getHtml();

getData

Returns properties of the block.

var instance = this.app.block.get();
var data = instance.getData();

getId

Returns id attribute of the block.

var instance = this.app.block.get();
var id = instance.getId();

getNext

Returns the instance of the next block after the current one.

var instance = this.app.block.get();
var nextInstance = instance.getNext();

getPrev

Returns the instance of the previous block before the current one.

var instance = this.app.block.get();
var prevInstance = instance.getPrev();

getParent

Returns the instance of the parent block of the current one.

var instance = this.app.block.get();
var parentInstance = instance.getParent();

setSelectAll

Selects all content of the block if it is editable.

var instance = this.app.block.get();
instance.setSelectAll();

setData

Sets the properties in the block.

var instance = this.app.block.get();
instance.setData({
    id: 'myid'
});

setHtml

Sets html to the block.

var instance = this.app.block.get();
instance.setHtml('my html');

setId

Sets the ID attribute to the block.

var instance = this.app.block.get();
instance.setId('myid');

setEmpty

Makes the block empty.

var instance = this.app.block.get();
instance.setEmpty();

isType

Arguments

type

String, Array

Checks the type of the block.

var instance = this.app.block.get();

if (instance.isType('paragraph')) { ... }
if (instance.isType(['paragraph', 'heading'])) { ... }

isEmpty

Checks if the block empty.

var instance = this.app.block.get();
var is = instance.isEmpty();

isEditable

Checks if the block editable.

var instance = this.app.block.get();
var is = instance.isEditable();

isFirstLevel

Checks if the block is the first level element in the content.

var instance = this.app.block.get();
var is = instance.isFirstLevel();

isAllSelected

Checks if the entire contents of the block is selected.

var instance = this.app.block.get();
var is = instance.isAllSelected();

isCaretStart

Checks if the caret at the beginning of the editable block.

var instance = this.app.block.get();
var is = instance.isCaretStart();

isCaretEnd

Checks if the caret at the end of the editable block.

var instance = this.app.block.get();
var is = instance.isCaretEnd();