Как обернуть текст внутри формы с помощью Cytoscape?

Question

Я пытаюсь построить плитки с использованием Cytoscape. В принципе, каждый прямоугольник (плитка) имеет заголовок, и я хочу, чтобы он был написан в пределах этого прямоугольника.

Мой код:

var cy = cytoscape({ 
    container: document.getElementById('cy'), 

    style: [ 
    { 
     selector: 'node', 
     css: { 
     'shape': 'rectangle', 
     'width': '200', 
     'height': '150', 
     'content': 'data(name)', 
     'text-wrap': 'wrap', 
     'text-valign': 'center', 
     'text-halign': 'center', 
     'text-transform': 'uppercase' 
     } 
    }, /// 

И:

elements: { 
    nodes: [ 
     { data: { id: 'F1', name: 'This is my very long text long text long text long text long text long text long text'} }, 
     { data: { id: 'F2' } }, 
     { data: { id: 'c', parent: 'b' } }, 
     { data: { id: 'd' } }, 
     { data: { id: 'e' } }, 
     { data: { id: 'f', parent: 'e' } } 
    ],/// 

Но, кажется, значение текста обертка не читается. Я получаю:

Может ли кто-нибудь помочь в этом?

Заранее благодарен!

Answer 1

Вы установили text-wrap: wrap так перенос текста включен. Вы не указали никаких правил для , как вы хотите, чтобы текст был обернут. Опции:

(1) С помощью ручного перевода строки (т.е. '\n')

(2) Установить text-max-width на максимальную длину линии, по желанию