PDA

Просмотр полной версии : Работа с текстом


orionmaster
29.10.2013, 01:13
Начал изучать FLEX
и как я понял что возможности его ограниченны только моей фантазией. )

И вот что пришло мне голову что хочется реализовать чтобы
мотивация на изучение взлетела до небес.

Вот что придумалось.

Как вариант
выводим большой текст в обычном
<mx:Text > или где то ещё

это просто
далее хочу чтобы то что я выделяю попадало в отдельную область
№1
выделяю другую область в большом тексте это выделение попадает в отдельную область
№ 2 и тд

по идее всё должно быть просто

сделать это всё через простое связывание
но что то никак не могу догнать
как выделенный текст отследить помогите кто чем может.:o



<mx:Text x="71" y="442" text="Текст Текст Текст Текст Текст Текст Текст Текст Текст" id="textselect" width="108" height="160" selectable="true" />
<mx:Label
text="{textselect.selectable}" x="279" y="442"/>

у меня пока это так.

alatar
29.10.2013, 13:27
<?xml version="1.0" encoding="utf-8"?>
<s:Application xmlns:fx="http://ns.adobe.com/mxml/2009"
xmlns:s="library://ns.adobe.com/flex/spark"
xmlns:mx="library://ns.adobe.com/flex/mx"
minWidth="955" minHeight="600">
<fx:Script>
<![CDATA[
import mx.events.FlexEvent;

protected function sourceText_selectionChangeHandler(event:FlexEvent):void
{
var sourceString:String = sourceText.text;
targetText.text = sourceString.substring(sourceText.selectionAnchorPosition, sourceText.selectionActivePosition);
}

]]>
</fx:Script>
<fx:Declarations>
<!-- Place non-visual elements (e.g., services, value objects) here -->
</fx:Declarations>

<s:layout>
<s:VerticalLayout/>
</s:layout>

<s:TextArea id="sourceText" width="100%" editable="false" selectable="true" selectionChange="sourceText_selectionChangeHandler(event)"
text="Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed id libero consequat, consequat magna quis, egestas quam. Mauris sit amet velit ac arcu ultricies porttitor. Quisque ultrices eros in dui mattis auctor. Phasellus accumsan ante in nunc lacinia, at bibendum mi ultrices. Vestibulum id malesuada urna. Aenean tempor leo vitae viverra ultrices. Duis sed velit sed erat ultrices commodo eu vel dui."/>
<s:TextArea id="targetText" width="100%"/>
</s:Application>