OK Maxim. I will look in to that. I have re factored my code to solve this problem. Will let you know the progress ASAP.
Thanks! On Sat, Jun 1, 2013 at 9:45 PM, Maxim Solodovnik <[email protected]>wrote: > to get valid text the component itself can be form with markup and custom > onSubmit behavior as Martin has proposed > this should work since wicket allows nested forms > > you can take a look at the form with markup in OM code: GeneralUserForm > class > > to allow markup form should have following method: > @Override > protected IMarkupSourcingStrategy newMarkupSourcingStrategy() { > return new PanelMarkupSourcingStrategy(false); > } > > > > On Sat, Jun 1, 2013 at 3:56 PM, Andun Sameera <[email protected]> wrote: > >> Hi Maxim, >> >> According to Martin we have to some js level manupilations to do the >> task. Since we are using the JQueryBehaviour we have to think carefully to >> handle this situation. Also I have to check that wysiwyg provide such js >> methods. Will look in to that. >> >> Thanks >> Andun >> From my mobile >> On Jun 1, 2013 1:27 PM, "Andun Sameera" <[email protected]> wrote: >> >>> Hi, >>> >>> I have sent a mail to wicket user list to clarify this. They have given >>> follwing tip to use, >>> >>> Hi, >>> >>> I guess you want to get the new entered text via Ajax submit. >>> You can extend AjaxSubmitButton and implement #updateAjaxAttributes() { >>> >>> attributes.getDynamicExtraParameters().add("return [ {name: >>> 'richText', >>> value: $('#editorArea').html() } ]"); >>> } >>> >>> Then use >>> >>> getRequest().getRequestParameters().getParameterValue("richText").toString() >>> to get the produced HTML. >>> >>> >>> On Sat, Jun 1, 2013 at 8:04 AM, Andun Sameera <[email protected]> >>> wrote: >>> >>> > Hi, >>> > >>> > In my html file I have a div tag like this, >>> > >>> > <div wicket:id="editorArea">Type Here</div> >>> > >>> > I am using a JavaScript library called bootstrap-wysiwyg to make this >>> > div tag a text are which we can type rich text. When the person types >>> > text, div tag's html content updates to represent the text content in >>> > html. I want to retrieve it in to the Java code of the html file in >>> > wicket. I tried to do it by creating reference variable to div tag >>> > like following, >>> > >>> > WebMarkupContainer editorArea=new WebMarkupContainer("editorArea"); >>> > String text=editorArea.getMarkup().toString(true) >>> > >>> > But this don't give me the updated HTML content. I give only the >>> > initial html content. what is the problem here? >>> > >>> > Thanks! >>> > >>> > -- >>> > Regards >>> > Andun S.L. Gunawardana >>> >>> On th at instruction I have created a AjaxButtonLink like following in >>> my sample. >>> >>> form.add(new AjaxSubmitLink("submitBtn") { >>> private static final long serialVersionUID = 1L; >>> @Override >>> protected void onSubmit(AjaxRequestTarget target, Form<?> >>> form) { >>> >>> System.out.println(getRequest().getRequestParameters().getParameterValue("richText").toString()); >>> } >>> @Override >>> protected void updateAjaxAttributes(AjaxRequestAttributes >>> attributes) >>> { >>> super.updateAjaxAttributes(attributes); >>> attributes.getDynamicExtraParameters().add("return [ >>> {name: 'richText',value: $('#editorArea').html() } ]"); >>> } >>> >>> }); >>> >>> But how can I add this to the WysiwygEditor Component ? Do I have to put >>> a button there? Or Do I have to take another approach to read the dynamic >>> content of wysiwyg text area? >>> >>> Thanks! >>> >>> On Sat, Jun 1, 2013 at 9:08 AM, Andun Sameera <[email protected]> >>> wrote: >>> > Hi, >>> > >>> > If I clarify my problem more, what wysiwyg do is converting >>> > >>> > <div wicket:id="editorArea">Type Here</div> >>> > >>> > to a text area which linked to the wysiwyg button panel. When a person >>> type >>> > in the wysiwyg text area, I can see the editorArea div tag is updated >>> with >>> > html content, which represent the typed text. What I want to do is get >>> the >>> > text typed in the tag. >>> > >>> > What I did was, creating a reference to the editor Area div tag like >>> > following, >>> > >>> > WebMarkupContainer editorArea; >>> > >>> > public WysiwygEditor(String id, IModel<WysiwygText> model){ >>> > super(id,model); >>> > editorArea=new WebMarkupContainer("editorArea",new >>> > Model<String>("Type Here...")); >>> > editorArea.setOutputMarkupId(true); >>> > editorArea.setMarkupId("editorArea"); >>> > this.add(editorArea); >>> > this.add(new WysiwygBehavior("#editorArea","wysiwyg")); >>> > } >>> > >>> > and tried to get the inter html in the following way which was given >>> in the >>> > wicket example, >>> > >>> > @Override >>> > public void convertInput(){ >>> > WysiwygText wysiwygText=new >>> > WysiwygText((String)editorArea.getDefaultModelObject()); >>> > >>> > >>> System.out.println("---------------------------------------------------------------"+wysiwygText.getText()); >>> > setConvertedInput(wysiwygText); >>> > } >>> > >>> > But it want work. Can you suggest me a way to extract the iv tags >>> content, >>> > which represent the typed text of wysiwyg text area? >>> > >>> > Thanks! >>> > >>> > >>> > >>> > On Sat, Jun 1, 2013 at 12:26 AM, Andun Sameera <[email protected]> >>> wrote: >>> >> >>> >> Hi Maxim, >>> >> >>> >> In the example which you have given they have used >>> >> >>> >> private TextField<String>emailField; >>> >> >>> >> public UserEditPanel(String id, IModel<User>userModel) { >>> >> super(id, userModel); >>> >> >>> >> emailField = new TextField("emailField", new >>> Model<String>("")); >>> >> >>> >> } >>> >> >>> >> to get the email as a string to the object model. They used following >>> code >>> >> to o it, >>> >> >>> >> User u = new User(emailField.getModelObject(), ...); >>> >> >>> >> >>> >> I tried the same way to do the thing. Wysiwys is making a div tag to a >>> >> text field. That is place where we get the text input. So I put a >>> variable >>> >> like, >>> >> >>> >> WebMarkupContainer editorField; >>> >> >>> >> public WysiwygEditor(String id){ >>> >> super(id); >>> >> >>> >> editorField=new WebMarkupContainer("editorArea", new >>> >> Model<String>("")); >>> >> } >>> >> >>> >> to get the text of the div tag I use the following code, >>> >> >>> >> WysiwygText wysiwygText=new >>> >> WysiwygText(editorField.getDefaultModelObjectAsString()); >>> >> >>> >> But with this code, editorField.getDefaultModelObjectAsString() eturn >>> a >>> >> empty string even I enter a text in the Wysiwyg text area. Can you >>> help me >>> >> to correct this approach. I have committed testing the code to git >>> hub. >>> >> >>> >> Thanks! >>> >> >>> >> >>> >> >>> >> On Fri, May 31, 2013 at 5:33 PM, Maxim Solodovnik < >>> [email protected]> >>> >> wrote: >>> >>> >>> >>> Yes! you are correct >>> >>> The this component will be added to the chat and Calendar >>> appointment :) >>> >>> >>> >>> >>> >>> On Fri, May 31, 2013 at 6:45 PM, Andun Sameera <[email protected]> >>> >>> wrote: >>> >>>> >>> >>>> Hi Maxim, >>> >>>> >>> >>>> I think, I understood the point. I am creating a Wysiwyg component. >>> It >>> >>>> should include the Editor area + Buttons Toolbar. Also there should >>> be a >>> >>>> model with name like EditorText, which holds the textual content of >>> editor. >>> >>>> Using the EditorText object we can initialize the editor with a >>> text and we >>> >>>> can get the editor text. Am I correct ? >>> >>>> >>> >>>> I will look in to the code to do the changes. >>> >>>> >>> >>>> Thanks! >>> >>>> >>> >>>> >>> >>>> On Fri, May 31, 2013 at 4:58 PM, Maxim Solodovnik < >>> [email protected]> >>> >>>> wrote: >>> >>>>> >>> >>>>> The model is necessary, you will be unable to extract the value >>> without >>> >>>>> it. >>> >>>>> I believe you code need to be improved :) >>> >>>>> >>> >>>>> >>> >>>>> On Fri, May 31, 2013 at 4:22 PM, Andun Sameera <[email protected] >>> > >>> >>>>> wrote: >>> >>>>>> >>> >>>>>> Hi Maxim, >>> >>>>>> >>> >>>>>> I have use the the same strcture in the implementation. But I >>> didnt >>> >>>>>> use a object validation model. Reason was I implemented the >>> button panel >>> >>>>>> only. That don't have a realted object model. Thoughts? >>> >>>>>> >>> >>>>>> Thanks! >>> >>>>>> >>> >>>>>> On May 31, 2013 10:08 AM, "Maxim Solodovnik" < >>> [email protected]> >>> >>>>>> wrote: >>> >>>>>>> >>> >>>>>>> What I would like to achieve is something like this: >>> >>>>>>> >>> >>>>>>> >>> https://cwiki.apache.org/WICKET/creating-custom-formcomponentpanels-to-build-valid-objects-using-wickets-form-validation-logic.html >>> >>>>>>> >>> >>>>>>> >>> >>>>>>> On Thu, May 30, 2013 at 6:59 PM, Andun Sameera < >>> [email protected]> >>> >>>>>>> wrote: >>> >>>>>>>> >>> >>>>>>>> Hi Maxim, >>> >>>>>>>> >>> >>>>>>>> I have changed the WysiwygPanel a bit. Not user can create it >>> own >>> >>>>>>>> div tags for button tool-bar and editor area. They can use >>> following code, >>> >>>>>>>> >>> >>>>>>>> this.add(new WysiwygBehavior("#ID of the div tag where >>> >>>>>>>> editor area is created","wysiwyg")); >>> >>>>>>>> this.add(new WysiwygEditor("ID of the div tag where the >>> >>>>>>>> button panel is added","ID of the div tag where editor area is >>> created")); >>> >>>>>>>> >>> >>>>>>>> Also I have changed the sample to view the editor area code and >>> to >>> >>>>>>>> add rich text content to editor area. >>> >>>>>>>> >>> >>>>>>>> Thanks! >>> >>>>>>>> >>> >>>>>>>> PS - I have use simple JQuery script to add and view text. But I >>> >>>>>>>> think we can do it using Wicket also. >>> >>>>>>>> >>> >>>>>>>> >>> >>>>>>>> >>> >>>>>>>> On Thu, May 30, 2013 at 2:02 PM, Maxim Solodovnik >>> >>>>>>>> <[email protected]> wrote: >>> >>>>>>>>> >>> >>>>>>>>> You have separate git project for the example. >>> >>>>>>>>> I propose to add page to example project with form sending text >>> >>>>>>>>> entered on submit. And example of displaying stored rich text >>> inside editor >>> >>>>>>>>> >>> >>>>>>>>> On May 30, 2013 3:25 PM, "Andun Sameera" <[email protected]> >>> >>>>>>>>> wrote: >>> >>>>>>>>>> >>> >>>>>>>>>> Beg your pardon. Can you explain me a bit what you mean by >>> >>>>>>>>>> "get/set text in test project" >>> >>>>>>>>>> >>> >>>>>>>>>> On Thu, May 30, 2013 at 1:51 PM, Maxim Solodovnik >>> >>>>>>>>>> <[email protected]> wrote: >>> >>>>>>>>>>> >>> >>>>>>>>>>> I would like this component be finished first. >>> >>>>>>>>>>> >>> >>>>>>>>>>> Next thing to do is to get/set text in test project >>> >>>>>>>>>>> >>> >>>>>>>>>>> On May 30, 2013 3:05 PM, "Andun Sameera" <[email protected] >>> > >>> >>>>>>>>>>> wrote: >>> >>>>>>>>>>>> >>> >>>>>>>>>>>> Hi Maxim, >>> >>>>>>>>>>>> >>> >>>>>>>>>>>> I tried to use wicket bootstrap in the module. But some >>> >>>>>>>>>>>> functionalities in wysiwyg break with the integration. I >>> think the bootstrap >>> >>>>>>>>>>>> versions are not matching. >>> >>>>>>>>>>>> >>> >>>>>>>>>>>> NTQ I think the module's initial version is finish now. Do I >>> >>>>>>>>>>>> have to do further devlopements or move to the white-board >>> project ? >>> >>>>>>>>>>>> >>> >>>>>>>>>>>> Thanks! >>> >>>>>>>>>>>> >>> >>>>>>>>>>>> On Thu, May 30, 2013 at 11:09 AM, Andun Sameera >>> >>>>>>>>>>>> <[email protected]> wrote: >>> >>>>>>>>>>>>> >>> >>>>>>>>>>>>> +1 It works. I will commit like that. >>> >>>>>>>>>>>>> >>> >>>>>>>>>>>>> Thanks! >>> >>>>>>>>>>>>> >>> >>>>>>>>>>>>> >>> >>>>>>>>>>>>> On Thu, May 30, 2013 at 11:00 AM, Maxim Solodovnik >>> >>>>>>>>>>>>> <[email protected]> wrote: >>> >>>>>>>>>>>>>> >>> >>>>>>>>>>>>>> use always can use: >>> >>>>>>>>>>>>>> Application.get() then :) >>> >>>>>>>>>>>>>> >>> >>>>>>>>>>>>>> >>> >>>>>>>>>>>>>> On Thu, May 30, 2013 at 12:27 PM, Andun Sameera >>> >>>>>>>>>>>>>> <[email protected]> wrote: >>> >>>>>>>>>>>>>>> >>> >>>>>>>>>>>>>>> We cant add this code to the Behavior getApplication() >>> method >>> >>>>>>>>>>>>>>> is not there in Behavior. I think we have to go with the >>> documentation. >>> >>>>>>>>>>>>>>> >>> >>>>>>>>>>>>>>> Thanks! >>> >>>>>>>>>>>>>>> >>> >>>>>>>>>>>>>>> >>> >>>>>>>>>>>>>>> On Thu, May 30, 2013 at 10:53 AM, Maxim Solodovnik >>> >>>>>>>>>>>>>>> <[email protected]> wrote: >>> >>>>>>>>>>>>>>>> >>> >>>>>>>>>>>>>>>> Can we add the code into Behavior? >>> >>>>>>>>>>>>>>>> like: >>> >>>>>>>>>>>>>>>> >>> >>>>>>>>>>>>>>>> IPackageResourceGuard packageResourceGuard = >>> >>>>>>>>>>>>>>>> >>> >>>>>>>>>>>>>>>> >>> getApplication().getResourceSettings().getPackageResourceGuard(); >>> >>>>>>>>>>>>>>>> if (packageResourceGuard instanceof >>> >>>>>>>>>>>>>>>> SecurePackageResourceGuard) >>> >>>>>>>>>>>>>>>> { >>> >>>>>>>>>>>>>>>> SecurePackageResourceGuard guard = >>> >>>>>>>>>>>>>>>> (SecurePackageResourceGuard)packageResourceGuard; >>> >>>>>>>>>>>>>>>> //TODO check is required if patterns are already added >>> !!! >>> >>>>>>>>>>>>>>>> if(patternsAreAbsent){ >>> >>>>>>>>>>>>>>>> *addPattern* >>> >>>>>>>>>>>>>>>> } >>> >>>>>>>>>>>>>>>> } >>> >>>>>>>>>>>>>>>> >>> >>>>>>>>>>>>>>>> Or it can be documented in README >>> >>>>>>>>>>>>>>>> I don't really like the idea of having external CSS >>> >>>>>>>>>>>>>>>> references >>> >>>>>>>>>>>>>>>> >>> >>>>>>>>>>>>>>>> >>> >>>>>>>>>>>>>>>> On Thu, May 30, 2013 at 12:15 PM, Andun Sameera >>> >>>>>>>>>>>>>>>> <[email protected]> wrote: >>> >>>>>>>>>>>>>>>>> >>> >>>>>>>>>>>>>>>>> Hi Maxim, >>> >>>>>>>>>>>>>>>>> >>> >>>>>>>>>>>>>>>>> I can keep the font files in the project. But the >>> people >>> >>>>>>>>>>>>>>>>> who use the wysiwyg component have to put following >>> code in to there wicket >>> >>>>>>>>>>>>>>>>> application. >>> >>>>>>>>>>>>>>>>> >>> >>>>>>>>>>>>>>>>> >>> >>>>>>>>>>>>>>>>> IPackageResourceGuard packageResourceGuard = >>> >>>>>>>>>>>>>>>>> >>> >>>>>>>>>>>>>>>>> getResourceSettings().getPackageResourceGuard(); >>> >>>>>>>>>>>>>>>>> if (packageResourceGuard instanceof >>> >>>>>>>>>>>>>>>>> SecurePackageResourceGuard) >>> >>>>>>>>>>>>>>>>> { >>> >>>>>>>>>>>>>>>>> SecurePackageResourceGuard guard = >>> >>>>>>>>>>>>>>>>> (SecurePackageResourceGuard) >>> >>>>>>>>>>>>>>>>> packageResourceGuard; >>> >>>>>>>>>>>>>>>>> guard.addPattern("+*.eot"); >>> >>>>>>>>>>>>>>>>> guard.addPattern("+*.woff"); >>> >>>>>>>>>>>>>>>>> guard.addPattern("+*.ttf"); >>> >>>>>>>>>>>>>>>>> } >>> >>>>>>>>>>>>>>>>> >>> >>>>>>>>>>>>>>>>> Is there a resolution to make this problem simple? >>> >>>>>>>>>>>>>>>>> >>> >>>>>>>>>>>>>>>>> But with the approach of putting the CSS file as a url >>> >>>>>>>>>>>>>>>>> reference to the WysiwygEditor panel, we dont need >>> that code and keeping the >>> >>>>>>>>>>>>>>>>> files in our code. >>> >>>>>>>>>>>>>>>>> >>> >>>>>>>>>>>>>>>>> What do you prefer? >>> >>>>>>>>>>>>>>>>> >>> >>>>>>>>>>>>>>>>> Also I will look in to the bootstrap wicket component. >>> >>>>>>>>>>>>>>>>> >>> >>>>>>>>>>>>>>>>> Thnaks! >>> >>>>>>>>>>>>>>>>> >>> >>>>>>>>>>>>>>>>> >>> >>>>>>>>>>>>>>>>> On Thu, May 30, 2013 at 6:53 AM, Maxim Solodovnik >>> >>>>>>>>>>>>>>>>> <[email protected]> wrote: >>> >>>>>>>>>>>>>>>>>> >>> >>>>>>>>>>>>>>>>>> Just found this project: >>> >>>>>>>>>>>>>>>>>> https://github.com/l0rdn1kk0n/wicket-bootstrap >>> >>>>>>>>>>>>>>>>>> maybe it should be used instead of including >>> bootstrap as >>> >>>>>>>>>>>>>>>>>> JS >>> >>>>>>>>>>>>>>>>>> >>> >>>>>>>>>>>>>>>>>> >>> >>>>>>>>>>>>>>>>>> On Thu, May 30, 2013 at 8:20 AM, Maxim Solodovnik >>> >>>>>>>>>>>>>>>>>> <[email protected]> wrote: >>> >>>>>>>>>>>>>>>>>>> >>> >>>>>>>>>>>>>>>>>>> Hello Andun, >>> >>>>>>>>>>>>>>>>>>> >>> >>>>>>>>>>>>>>>>>>> according to Legal we can use the fonts, so it can be >>> >>>>>>>>>>>>>>>>>>> kept as it was. (sorry for inconvenience) >>> >>>>>>>>>>>>>>>>>>> I'll take a look at your examples later today or >>> tomorrow >>> >>>>>>>>>>>>>>>>>>> >>> >>>>>>>>>>>>>>>>>>> >>> >>>>>>>>>>>>>>>>>>> On Thu, May 30, 2013 at 1:12 AM, Andun Sameera >>> >>>>>>>>>>>>>>>>>>> <[email protected]> wrote: >>> >>>>>>>>>>>>>>>>>>>> >>> >>>>>>>>>>>>>>>>>>>> Hi Maxim, >>> >>>>>>>>>>>>>>>>>>>> >>> >>>>>>>>>>>>>>>>>>>> To overcome the problem of removing the CSS file, I >>> took >>> >>>>>>>>>>>>>>>>>>>> the follwing approch. As I understood the >>> font-awsome CSS file is needed >>> >>>>>>>>>>>>>>>>>>>> only for the WysiwygEditor. So I have removed the >>> CSS refernce, >>> >>>>>>>>>>>>>>>>>>>> >>> >>>>>>>>>>>>>>>>>>>> private static final CssResourceReference CSS3=new >>> >>>>>>>>>>>>>>>>>>>> >>> CssResourceReference(WysiwygBehavior.class,"css/font-awesome.css"); >>> >>>>>>>>>>>>>>>>>>>> >>> >>>>>>>>>>>>>>>>>>>> from WysiwygBehaviour and put it in the >>> WysiwygEditor >>> >>>>>>>>>>>>>>>>>>>> HTML as follows, >>> >>>>>>>>>>>>>>>>>>>> >>> >>>>>>>>>>>>>>>>>>>> <wicket:head> >>> >>>>>>>>>>>>>>>>>>>> <wicket:link> >>> >>>>>>>>>>>>>>>>>>>> <link rel="stylesheet" type="text/css" >>> >>>>>>>>>>>>>>>>>>>> href=" >>> http://netdna.bootstrapcdn.com/font-awesome/3.0.2/css/font-awesome.css >>> "/> >>> >>>>>>>>>>>>>>>>>>>> </wicket:link> >>> >>>>>>>>>>>>>>>>>>>> </wicket:head> >>> >>>>>>>>>>>>>>>>>>>> >>> >>>>>>>>>>>>>>>>>>>> The it works fine. Is that way OK ? >>> >>>>>>>>>>>>>>>>>>>> >>> >>>>>>>>>>>>>>>>>>>> Thanks! >>> >>>>>>>>>>>>>>>>>>>> >>> >>>>>>>>>>>>>>>>>>>> >>> >>>>>>>>>>>>>>>>>>>> On Wed, May 29, 2013 at 11:14 PM, Andun Sameera >>> >>>>>>>>>>>>>>>>>>>> <[email protected]> wrote: >>> >>>>>>>>>>>>>>>>>>>>> >>> >>>>>>>>>>>>>>>>>>>>> Hi Maxim, >>> >>>>>>>>>>>>>>>>>>>>> >>> >>>>>>>>>>>>>>>>>>>>> On Tue, May 28, 2013 at 12:40 PM, Maxim Solodovnik >>> >>>>>>>>>>>>>>>>>>>>> <[email protected]> wrote: >>> >>>>>>>>>>>>>>>>>>>>>> >>> >>>>>>>>>>>>>>>>>>>>>> In the future there should be possibility to add >>> >>>>>>>>>>>>>>>>>>>>>> custom buttons: like "add emotion" button >>> >>>>>>>>>>>>>>>>>>>>>> >>> >>>>>>>>>>>>>>>>>>>>>> >>> >>>>>>>>>>>>>>>>>>>>>> On Tue, May 28, 2013 at 1:45 PM, Maxim Solodovnik >>> >>>>>>>>>>>>>>>>>>>>>> <[email protected]> wrote: >>> >>>>>>>>>>>>>>>>>>>>>>> >>> >>>>>>>>>>>>>>>>>>>>>>> Hello Andun, >>> >>>>>>>>>>>>>>>>>>>>>>> >>> >>>>>>>>>>>>>>>>>>>>>>> Here is my review: >>> >>>>>>>>>>>>>>>>>>>>>>> 1) font files should be removed from the plugin >>> until >>> >>>>>>>>>>>>>>>>>>>>>>> legal will approve its license (as well as >>> related css file) >>> >>>>>>>>>>>>>>>>>>>>> >>> >>>>>>>>>>>>>>>>>>>>> What is the way to use this CSS file instead of >>> keeping >>> >>>>>>>>>>>>>>>>>>>>> it locally ? Can we add a URL reference to the >>> file? Also I saw Alexi is >>> >>>>>>>>>>>>>>>>>>>>> talking about getting the compiled file at the >>> build time. I am unfamiliar >>> >>>>>>>>>>>>>>>>>>>>> with that process. Can you help me ? >>> >>>>>>>>>>>>>>>>>>>>>>> >>> >>>>>>>>>>>>>>>>>>>>>>> >>> >>>>>>>>>>>>>>>>>>>>>>> 2) public WysiwygBehavior(String selector, String >>> >>>>>>>>>>>>>>>>>>>>>>> method) constructor should look like this: >>> >>>>>>>>>>>>>>>>>>>>>>> public WysiwygBehavior(String selector, String >>> >>>>>>>>>>>>>>>>>>>>>>> method){ >>> >>>>>>>>>>>>>>>>>>>>>>> this(selector, method, new Options()); >>> >>>>>>>>>>>>>>>>>>>>>>> } >>> >>>>>>>>>>>>>>>>>>>>> >>> >>>>>>>>>>>>>>>>>>>>> Done and Committed >>> >>>>>>>>>>>>>>>>>>>>>>> >>> >>>>>>>>>>>>>>>>>>>>>>> >>> >>>>>>>>>>>>>>>>>>>>>>> 3) for now all buttons can be hardcoded as in you >>> >>>>>>>>>>>>>>>>>>>>>>> html above >>> >>>>>>>>>>>>>>>>>>>>>>> 4) WysiwygEditor extends Panel should be created >>> with >>> >>>>>>>>>>>>>>>>>>>>>>> it's own markup file (maybe it is possible to >>> extend some of the >>> >>>>>>>>>>>>>>>>>>>>>>> FormComponents (you can take a look at >>> DateTextField as an example) >>> >>>>>>>>>>>>>>>>>>>>>>> 5) It should have at least 2 constructors: >>> WE(String >>> >>>>>>>>>>>>>>>>>>>>>>> id), WE(String id, IModel<T>) I guess it should >>> be generic as other Wicket >>> >>>>>>>>>>>>>>>>>>>>>>> components. >>> >>>>>>>>>>>>>>>>>>>>> >>> >>>>>>>>>>>>>>>>>>>>> Done and Committed. Please review the code in >>> >>>>>>>>>>>>>>>>>>>>> https://github.com/andunslg/Wysiwyg-Wicket. Also >>> I have changed the sample >>> >>>>>>>>>>>>>>>>>>>>> to use the changed code in >>> >>>>>>>>>>>>>>>>>>>>> https://github.com/andunslg/Wysiwyg-Wicket-Sample. >>> >>>>>>>>>>>>>>>>>>>>>>> >>> >>>>>>>>>>>>>>>>>>>>>>> >>> >>>>>>>>>>>>>>>>>>>>>>> Thanks! >>> >>>>>>>>>>>>>>>>>>>>>>> >>> >>>>>>>>>>>>>>>>>>>>>>> >>> >>>>>>>>>>>>>>>>>>>>>>> On Mon, May 27, 2013 at 8:49 PM, Andun Sameera >>> >>>>>>>>>>>>>>>>>>>>>>> <[email protected]> wrote: >>> >>>>>>>>>>>>>>>>>>>>>>>> >>> >>>>>>>>>>>>>>>>>>>>>>>> Hi Maxim, >>> >>>>>>>>>>>>>>>>>>>>>>>> >>> >>>>>>>>>>>>>>>>>>>>>>>> Thank you for the instruction. I have corrected >>> the >>> >>>>>>>>>>>>>>>>>>>>>>>> problem by adding those fonts as resources. But >>> there was a small issue. I >>> >>>>>>>>>>>>>>>>>>>>>>>> had put following code segment to the Sample >>> application's init() method to >>> >>>>>>>>>>>>>>>>>>>>>>>> load font resources to run time. Is it the >>> correct way of doing the thing ? >>> >>>>>>>>>>>>>>>>>>>>>>>> Can I move this code segment to the Behavior >>> itself to make users life easy >>> >>>>>>>>>>>>>>>>>>>>>>>> ? >>> >>>>>>>>>>>>>>>>>>>>>>>> >>> >>>>>>>>>>>>>>>>>>>>>>>> IPackageResourceGuard packageResourceGuard = >>> >>>>>>>>>>>>>>>>>>>>>>>> >>> >>>>>>>>>>>>>>>>>>>>>>>> getResourceSettings().getPackageResourceGuard(); >>> >>>>>>>>>>>>>>>>>>>>>>>> if (packageResourceGuard instanceof >>> >>>>>>>>>>>>>>>>>>>>>>>> SecurePackageResourceGuard) >>> >>>>>>>>>>>>>>>>>>>>>>>> { >>> >>>>>>>>>>>>>>>>>>>>>>>> SecurePackageResourceGuard guard = >>> >>>>>>>>>>>>>>>>>>>>>>>> (SecurePackageResourceGuard) >>> >>>>>>>>>>>>>>>>>>>>>>>> packageResourceGuard; >>> >>>>>>>>>>>>>>>>>>>>>>>> guard.addPattern("+*.eot"); >>> >>>>>>>>>>>>>>>>>>>>>>>> guard.addPattern("+*.woff"); >>> >>>>>>>>>>>>>>>>>>>>>>>> guard.addPattern("+*.ttf"); >>> >>>>>>>>>>>>>>>>>>>>>>>> } >>> >>>>>>>>>>>>>>>>>>>>>>>> >>> >>>>>>>>>>>>>>>>>>>>>>>> I found this instructions in the mail thread >>> given >>> >>>>>>>>>>>>>>>>>>>>>>>> at [1]. >>> >>>>>>>>>>>>>>>>>>>>>>>> >>> >>>>>>>>>>>>>>>>>>>>>>>> I have gone through the OFL and found this. I >>> think >>> >>>>>>>>>>>>>>>>>>>>>>>> we can use this under AL. >>> >>>>>>>>>>>>>>>>>>>>>>>> >>> >>>>>>>>>>>>>>>>>>>>>>>> Permission is hereby granted, free of charge, >>> to any >>> >>>>>>>>>>>>>>>>>>>>>>>> person obtaining >>> >>>>>>>>>>>>>>>>>>>>>>>> a copy of the Font Software, to use, study, >>> copy, >>> >>>>>>>>>>>>>>>>>>>>>>>> merge, embed, modify, >>> >>>>>>>>>>>>>>>>>>>>>>>> redistribute, and sell modified and unmodified >>> >>>>>>>>>>>>>>>>>>>>>>>> copies of the Font >>> >>>>>>>>>>>>>>>>>>>>>>>> Software, subject to the following conditions: >>> >>>>>>>>>>>>>>>>>>>>>>>> >>> >>>>>>>>>>>>>>>>>>>>>>>> 1) Neither the Font Software nor any of its >>> >>>>>>>>>>>>>>>>>>>>>>>> individual components, >>> >>>>>>>>>>>>>>>>>>>>>>>> in Original or Modified Versions, may be sold by >>> >>>>>>>>>>>>>>>>>>>>>>>> itself. >>> >>>>>>>>>>>>>>>>>>>>>>>> >>> >>>>>>>>>>>>>>>>>>>>>>>> 2) Original or Modified Versions of the Font >>> >>>>>>>>>>>>>>>>>>>>>>>> Software may be bundled, >>> >>>>>>>>>>>>>>>>>>>>>>>> redistributed and/or sold with any software, >>> >>>>>>>>>>>>>>>>>>>>>>>> provided that each copy >>> >>>>>>>>>>>>>>>>>>>>>>>> contains the above copyright notice and this >>> >>>>>>>>>>>>>>>>>>>>>>>> license. These can be >>> >>>>>>>>>>>>>>>>>>>>>>>> included either as stand-alone text files, >>> >>>>>>>>>>>>>>>>>>>>>>>> human-readable headers or >>> >>>>>>>>>>>>>>>>>>>>>>>> in the appropriate machine-readable metadata >>> fields >>> >>>>>>>>>>>>>>>>>>>>>>>> within text or >>> >>>>>>>>>>>>>>>>>>>>>>>> binary files as long as those fields can be >>> easily >>> >>>>>>>>>>>>>>>>>>>>>>>> viewed by the user. >>> >>>>>>>>>>>>>>>>>>>>>>>> >>> >>>>>>>>>>>>>>>>>>>>>>>> 3) No Modified Version of the Font Software may >>> use >>> >>>>>>>>>>>>>>>>>>>>>>>> the Reserved Font >>> >>>>>>>>>>>>>>>>>>>>>>>> Name(s) unless explicit written permission is >>> >>>>>>>>>>>>>>>>>>>>>>>> granted by the corresponding >>> >>>>>>>>>>>>>>>>>>>>>>>> Copyright Holder. This restriction only applies >>> to >>> >>>>>>>>>>>>>>>>>>>>>>>> the primary font name as >>> >>>>>>>>>>>>>>>>>>>>>>>> presented to the users. >>> >>>>>>>>>>>>>>>>>>>>>>>> >>> >>>>>>>>>>>>>>>>>>>>>>>> 4) The name(s) of the Copyright Holder(s) or the >>> >>>>>>>>>>>>>>>>>>>>>>>> Author(s) of the Font >>> >>>>>>>>>>>>>>>>>>>>>>>> Software shall not be used to promote, endorse >>> or >>> >>>>>>>>>>>>>>>>>>>>>>>> advertise any >>> >>>>>>>>>>>>>>>>>>>>>>>> Modified Version, except to acknowledge the >>> >>>>>>>>>>>>>>>>>>>>>>>> contribution(s) of the >>> >>>>>>>>>>>>>>>>>>>>>>>> Copyright Holder(s) and the Author(s) or with >>> their >>> >>>>>>>>>>>>>>>>>>>>>>>> explicit written >>> >>>>>>>>>>>>>>>>>>>>>>>> permission. >>> >>>>>>>>>>>>>>>>>>>>>>>> >>> >>>>>>>>>>>>>>>>>>>>>>>> 5) The Font Software, modified or unmodified, in >>> >>>>>>>>>>>>>>>>>>>>>>>> part or in whole, >>> >>>>>>>>>>>>>>>>>>>>>>>> must be distributed entirely under this >>> license, and >>> >>>>>>>>>>>>>>>>>>>>>>>> must not be >>> >>>>>>>>>>>>>>>>>>>>>>>> distributed under any other license. The >>> requirement >>> >>>>>>>>>>>>>>>>>>>>>>>> for fonts to >>> >>>>>>>>>>>>>>>>>>>>>>>> remain under this license does not apply to any >>> >>>>>>>>>>>>>>>>>>>>>>>> document created >>> >>>>>>>>>>>>>>>>>>>>>>>> using the Font Software. >>> >>>>>>>>>>>>>>>>>>>>>>>> >>> >>>>>>>>>>>>>>>>>>>>>>>> Also I found this site [2]. What is your >>> opinion ? >>> >>>>>>>>>>>>>>>>>>>>>>>> >>> >>>>>>>>>>>>>>>>>>>>>>>> Also If the things works fine, I can move to the >>> >>>>>>>>>>>>>>>>>>>>>>>> step of creating the component to reuse >>> following code which needed to >>> >>>>>>>>>>>>>>>>>>>>>>>> create the tool-bar and the editor. Can you >>> give me some instructions >>> >>>>>>>>>>>>>>>>>>>>>>>> regarding the process of creating a component >>> and it's best practices. >>> >>>>>>>>>>>>>>>>>>>>>>>> >>> >>>>>>>>>>>>>>>>>>>>>>>> <div class="container"> >>> >>>>>>>>>>>>>>>>>>>>>>>> <div class="btn-toolbar" >>> >>>>>>>>>>>>>>>>>>>>>>>> data-role="editor-toolbar" >>> data-target="#editor"> >>> >>>>>>>>>>>>>>>>>>>>>>>> <div class="btn-group"> >>> >>>>>>>>>>>>>>>>>>>>>>>> <a class="btn dropdown-toggle" >>> >>>>>>>>>>>>>>>>>>>>>>>> data-toggle="dropdown" title="Font Size"><i >>> >>>>>>>>>>>>>>>>>>>>>>>> class="icon-text-height"></i> <b >>> >>>>>>>>>>>>>>>>>>>>>>>> class="caret"></b></a> >>> >>>>>>>>>>>>>>>>>>>>>>>> <ul class="dropdown-menu"> >>> >>>>>>>>>>>>>>>>>>>>>>>> <li><a data-edit="fontSize >>> 5"><font >>> >>>>>>>>>>>>>>>>>>>>>>>> size="5">Huge</font></a></li> >>> >>>>>>>>>>>>>>>>>>>>>>>> <li><a data-edit="fontSize >>> 3"><font >>> >>>>>>>>>>>>>>>>>>>>>>>> size="3">Normal</font></a></li> >>> >>>>>>>>>>>>>>>>>>>>>>>> <li><a data-edit="fontSize >>> 1"><font >>> >>>>>>>>>>>>>>>>>>>>>>>> size="1">Small</font></a></li> >>> >>>>>>>>>>>>>>>>>>>>>>>> </ul> >>> >>>>>>>>>>>>>>>>>>>>>>>> </div> >>> >>>>>>>>>>>>>>>>>>>>>>>> <div class="btn-group"> >>> >>>>>>>>>>>>>>>>>>>>>>>> <a class="btn" data-edit="bold" >>> >>>>>>>>>>>>>>>>>>>>>>>> title="Bold (Ctrl/Cmd+B)"><i >>> class="icon-bold"></i></a> >>> >>>>>>>>>>>>>>>>>>>>>>>> <a class="btn" data-edit="italic" >>> >>>>>>>>>>>>>>>>>>>>>>>> title="Italic (Ctrl/Cmd+I)"><i >>> class="icon-italic"></i></a> >>> >>>>>>>>>>>>>>>>>>>>>>>> <a class="btn" >>> data-edit="strikethrough" >>> >>>>>>>>>>>>>>>>>>>>>>>> title="Strikethrough"><i >>> class="icon-strikethrough"></i></a> >>> >>>>>>>>>>>>>>>>>>>>>>>> <a class="btn" data-edit="underline" >>> >>>>>>>>>>>>>>>>>>>>>>>> title="Underline (Ctrl/Cmd+U)"><i >>> class="icon-underline"></i></a> >>> >>>>>>>>>>>>>>>>>>>>>>>> </div> >>> >>>>>>>>>>>>>>>>>>>>>>>> <div class="btn-group"> >>> >>>>>>>>>>>>>>>>>>>>>>>> <a class="btn" >>> >>>>>>>>>>>>>>>>>>>>>>>> data-edit="insertunorderedlist" title="Bullet >>> list"><i >>> >>>>>>>>>>>>>>>>>>>>>>>> class="icon-list-ul"></i></a> >>> >>>>>>>>>>>>>>>>>>>>>>>> <a class="btn" >>> >>>>>>>>>>>>>>>>>>>>>>>> data-edit="insertorderedlist" title="Number >>> list"><i >>> >>>>>>>>>>>>>>>>>>>>>>>> class="icon-list-ol"></i></a> >>> >>>>>>>>>>>>>>>>>>>>>>>> <a class="btn" data-edit="outdent" >>> >>>>>>>>>>>>>>>>>>>>>>>> title="Reduce indent (Shift+Tab)"><i >>> class="icon-indent-left"></i></a> >>> >>>>>>>>>>>>>>>>>>>>>>>> <a class="btn" data-edit="indent" >>> >>>>>>>>>>>>>>>>>>>>>>>> title="Indent (Tab)"><i >>> class="icon-indent-right"></i></a> >>> >>>>>>>>>>>>>>>>>>>>>>>> </div> >>> >>>>>>>>>>>>>>>>>>>>>>>> <div class="btn-group"> >>> >>>>>>>>>>>>>>>>>>>>>>>> <a class="btn" >>> data-edit="justifyleft" >>> >>>>>>>>>>>>>>>>>>>>>>>> title="Align Left (Ctrl/Cmd+L)"><i >>> class="icon-align-left"></i></a> >>> >>>>>>>>>>>>>>>>>>>>>>>> <a class="btn" >>> data-edit="justifycenter" >>> >>>>>>>>>>>>>>>>>>>>>>>> title="Center (Ctrl/Cmd+E)"><i >>> class="icon-align-center"></i></a> >>> >>>>>>>>>>>>>>>>>>>>>>>> <a class="btn" >>> data-edit="justifyright" >>> >>>>>>>>>>>>>>>>>>>>>>>> title="Align Right (Ctrl/Cmd+R)"><i >>> >>>>>>>>>>>>>>>>>>>>>>>> >>> >>>>>>>>>>>>>>>>>>>>>>>> class="icon-align-right"></i></a> >>> >>>>>>>>>>>>>>>>>>>>>>>> <a class="btn" >>> data-edit="justifyfull" >>> >>>>>>>>>>>>>>>>>>>>>>>> title="Justify (Ctrl/Cmd+J)"><i >>> class="icon-align-justify"></i></a> >>> >>>>>>>>>>>>>>>>>>>>>>>> </div> >>> >>>>>>>>>>>>>>>>>>>>>>>> <div class="btn-group"> >>> >>>>>>>>>>>>>>>>>>>>>>>> <a class="btn dropdown-toggle" >>> >>>>>>>>>>>>>>>>>>>>>>>> data-toggle="dropdown" title="Hyperlink"><i >>> class="icon-link"></i></a> >>> >>>>>>>>>>>>>>>>>>>>>>>> >>> >>>>>>>>>>>>>>>>>>>>>>>> <div class="dropdown-menu >>> input-append"> >>> >>>>>>>>>>>>>>>>>>>>>>>> <input class="span2" >>> >>>>>>>>>>>>>>>>>>>>>>>> placeholder="URL" type="text" >>> data-edit="createLink"/> >>> >>>>>>>>>>>>>>>>>>>>>>>> <button class="btn" >>> >>>>>>>>>>>>>>>>>>>>>>>> type="button">Add</button> >>> >>>>>>>>>>>>>>>>>>>>>>>> </div> >>> >>>>>>>>>>>>>>>>>>>>>>>> <a class="btn" data-edit="unlink" >>> >>>>>>>>>>>>>>>>>>>>>>>> title="Remove Hyperlink"><i >>> class="icon-cut"></i></a> >>> >>>>>>>>>>>>>>>>>>>>>>>> >>> >>>>>>>>>>>>>>>>>>>>>>>> </div> >>> >>>>>>>>>>>>>>>>>>>>>>>> >>> >>>>>>>>>>>>>>>>>>>>>>>> <div class="btn-group"> >>> >>>>>>>>>>>>>>>>>>>>>>>> <a class="btn" data-edit="undo" >>> >>>>>>>>>>>>>>>>>>>>>>>> title="Undo (Ctrl/Cmd+Z)"><i >>> class="icon-undo"></i></a> >>> >>>>>>>>>>>>>>>>>>>>>>>> <a class="btn" data-edit="redo" >>> >>>>>>>>>>>>>>>>>>>>>>>> title="Redo (Ctrl/Cmd+Y)"><i >>> class="icon-repeat"></i></a> >>> >>>>>>>>>>>>>>>>>>>>>>>> </div> >>> >>>>>>>>>>>>>>>>>>>>>>>> <input type="text" >>> data-edit="inserttext" >>> >>>>>>>>>>>>>>>>>>>>>>>> id="voiceBtn" x-webkit-speech=""> >>> >>>>>>>>>>>>>>>>>>>>>>>> </div> >>> >>>>>>>>>>>>>>>>>>>>>>>> >>> >>>>>>>>>>>>>>>>>>>>>>>> <div id="editor"> >>> >>>>>>>>>>>>>>>>>>>>>>>> Go ahead… >>> >>>>>>>>>>>>>>>>>>>>>>>> </div> >>> >>>>>>>>>>>>>>>>>>>>>>>> </div> >>> >>>>>>>>>>>>>>>>>>>>>>>> >>> >>>>>>>>>>>>>>>>>>>>>>>> Thanks! >>> >>>>>>>>>>>>>>>>>>>>>>>> >>> >>>>>>>>>>>>>>>>>>>>>>>> [1] - >>> >>>>>>>>>>>>>>>>>>>>>>>> >>> http://apache-wicket.1842946.n4.nabble.com/Wicket-1-4-20-error-message-quot-Access-denied-to-static-package-resource-quot-td4491886.html >>> >>>>>>>>>>>>>>>>>>>>>>>> [2] - >>> >>>>>>>>>>>>>>>>>>>>>>>> >>> >>>>>>>>>>>>>>>>>>>>>>>> >>> http://www.tldrlegal.com/compare?a=Apache+License+2.0+%28Apache-2.0%29&b=Open+Font+License+%28OFL%29 >>> >>>>>>>>>>>>>>>>>>>>>>>> >>> >>>>>>>>>>>>>>>>>>>>>>>> >>> >>>>>>>>>>>>>>>>>>>>>>>> On Mon, May 27, 2013 at 3:04 PM, Maxim >>> Solodovnik >>> >>>>>>>>>>>>>>>>>>>>>>>> <[email protected]> wrote: >>> >>>>>>>>>>>>>>>>>>>>>>>>> >>> >>>>>>>>>>>>>>>>>>>>>>>>> According to this css file: >>> >>>>>>>>>>>>>>>>>>>>>>>>> >>> >>>>>>>>>>>>>>>>>>>>>>>>> @font-face{ >>> >>>>>>>>>>>>>>>>>>>>>>>>> font-family:'FontAwesome'; >>> >>>>>>>>>>>>>>>>>>>>>>>>> >>> >>>>>>>>>>>>>>>>>>>>>>>>> >>> src:url('../font/fontawesome-webfont.eot?v=3.0.2'); >>> >>>>>>>>>>>>>>>>>>>>>>>>> >>> >>>>>>>>>>>>>>>>>>>>>>>>> >>> src:url('../font/fontawesome-webfont.eot?#iefix&v=3.0.2') >>> >>>>>>>>>>>>>>>>>>>>>>>>> format('embedded-opentype'), >>> >>>>>>>>>>>>>>>>>>>>>>>>> >>> url('../font/fontawesome-webfont.woff?v=3.0.2') >>> >>>>>>>>>>>>>>>>>>>>>>>>> format('woff'), >>> >>>>>>>>>>>>>>>>>>>>>>>>> >>> url('../font/fontawesome-webfont.ttf?v=3.0.2') >>> >>>>>>>>>>>>>>>>>>>>>>>>> format('truetype'); >>> >>>>>>>>>>>>>>>>>>>>>>>>> font-weight:normal; >>> >>>>>>>>>>>>>>>>>>>>>>>>> font-style:normal } >>> >>>>>>>>>>>>>>>>>>>>>>>>> >>> >>>>>>>>>>>>>>>>>>>>>>>>> >>> >>>>>>>>>>>>>>>>>>>>>>>>> I guess you need font files (in bold above as >>> well) >>> >>>>>>>>>>>>>>>>>>>>>>>>> >>> >>>>>>>>>>>>>>>>>>>>>>>>> Could you also check if >>> >>>>>>>>>>>>>>>>>>>>>>>>> >>> >>>>>>>>>>>>>>>>>>>>>>>>> - The Font Awesome font is licensed under the >>> SIL >>> >>>>>>>>>>>>>>>>>>>>>>>>> Open Font License - http://scripts.sil.org/OFL >>> >>>>>>>>>>>>>>>>>>>>>>>>> >>> >>>>>>>>>>>>>>>>>>>>>>>>> >>> >>>>>>>>>>>>>>>>>>>>>>>>> >>> >>>>>>>>>>>>>>>>>>>>>>>>> >>> >>>>>>>>>>>>>>>>>>>>>>>>> >>> >>>>>>>>>>>>>>>>>>>>>>>>> >>> >>>>>>>>>>>>>>>>>>>>>>>>> >>> >>>>>>>>>>>>>>>>>>>>>>>>> >>> >>>>>>>>>>>>>>>>>>>>>>>>> >>> >>>>>>>>>>>>>>>>>>>>>>>>> >>> >>>>>>>>>>>>>>>>>>>>>>>>> >>> >>>>>>>>>>>>>>>>>>>>>>>>> >>> >>>>>>>>>>>>>>>>>>>>>>>>> >>> >>>>>>>>>>>>>>>>>>>>>>>>> >>> >>>>>>>>>>>>>>>>>>>>>>>>> >>> >>>>>>>>>>>>>>>>>>>>>>>>> >>> >>>>>>>>>>>>>>>>>>>>>>>>> >>> >>>>>>>>>>>>>>>>>>>>>>>>> >>> >>>>>>>>>>>>>>>>>>>>>>>>> >>> >>>>>>>>>>>>>>>>>>>>>>>>> >>> >>>>>>>>>>>>>>>>>>>>>>>>> >>> >>>>>>>>>>>>>>>>>>>>>>>>> >>> >>>>>>>>>>>>>>>>>>>>>>>>> >>> >>>>>>>>>>>>>>>>>>>>>>>>> >>> >>>>>>>>>>>>>>>>>>>>>>>>> is compatible with AL? >>> >>>>>>>>>>>>>>>>>>>>>>>>> >>> >>>>>>>>>>>>>>>>>>>>>>>>> >>> >>>>>>>>>>>>>>>>>>>>>>>>> Thanks in advance >>> >>>>>>>>>>>>>>>>>>>>>>>>> >>> >>>>>>>>>>>>>>>>>>>>>>>>> >>> >>>>>>>>>>>>>>>>>>>>>>>>> >>> >>>>>>>>>>>>>>>>>>>>>>>>> On Mon, May 27, 2013 at 4:19 PM, Andun Sameera >>> >>>>>>>>>>>>>>>>>>>>>>>>> <[email protected]> wrote: >>> >>>>>>>>>>>>>>>>>>>>>>>>>> >>> >>>>>>>>>>>>>>>>>>>>>>>>>> Hi Maxim, >>> >>>>>>>>>>>>>>>>>>>>>>>>>> >>> >>>>>>>>>>>>>>>>>>>>>>>>>> I am in the final step of creating the Wysiwyg >>> >>>>>>>>>>>>>>>>>>>>>>>>>> behavior. I have update the sample also. When >>> I run the sample all the >>> >>>>>>>>>>>>>>>>>>>>>>>>>> Wysiwyg functionality is working fine. You >>> can see the attached screen of >>> >>>>>>>>>>>>>>>>>>>>>>>>>> that. >>> >>>>>>>>>>>>>>>>>>>>>>>>>> >>> >>>>>>>>>>>>>>>>>>>>>>>>>> But I am facing a weired problem. To show the >>> >>>>>>>>>>>>>>>>>>>>>>>>>> Icons of the buttons it need following CSS >>> file, >>> >>>>>>>>>>>>>>>>>>>>>>>>>> >>> >>>>>>>>>>>>>>>>>>>>>>>>>> <link >>> >>>>>>>>>>>>>>>>>>>>>>>>>> href=" >>> http://netdna.bootstrapcdn.com/font-awesome/3.0.2/css/font-awesome.css"; >>> >>>>>>>>>>>>>>>>>>>>>>>>>> rel="stylesheet"> >>> >>>>>>>>>>>>>>>>>>>>>>>>>> >>> >>>>>>>>>>>>>>>>>>>>>>>>>> What I did is download the CSS file and >>> included >>> >>>>>>>>>>>>>>>>>>>>>>>>>> it as a resource reference for the behaviour. >>> But the icons are not shown >>> >>>>>>>>>>>>>>>>>>>>>>>>>> properly. Then what I did was put the url >>> reference of the CSS file. It also >>> >>>>>>>>>>>>>>>>>>>>>>>>>> not work. >>> >>>>>>>>>>>>>>>>>>>>>>>>>> >>> >>>>>>>>>>>>>>>>>>>>>>>>>> Then I created a html file outside wicket. I >>> put >>> >>>>>>>>>>>>>>>>>>>>>>>>>> the CSS reference as this, >>> >>>>>>>>>>>>>>>>>>>>>>>>>> >>> >>>>>>>>>>>>>>>>>>>>>>>>>> <link >>> >>>>>>>>>>>>>>>>>>>>>>>>>> href=" >>> http://netdna.bootstrapcdn.com/font-awesome/3.0.2/css/font-awesome.css"; >>> >>>>>>>>>>>>>>>>>>>>>>>>>> rel="stylesheet"> >>> >>>>>>>>>>>>>>>>>>>>>>>>>> >>> >>>>>>>>>>>>>>>>>>>>>>>>>> Then all the things work well. But when I >>> download >>> >>>>>>>>>>>>>>>>>>>>>>>>>> the file and put the reference as this, >>> >>>>>>>>>>>>>>>>>>>>>>>>>> >>> >>>>>>>>>>>>>>>>>>>>>>>>>> <link href="font-awesome.css" >>> rel="stylesheet"> >>> >>>>>>>>>>>>>>>>>>>>>>>>>> >>> >>>>>>>>>>>>>>>>>>>>>>>>>> Icons are not shown. What is going wrong here >>> ? I >>> >>>>>>>>>>>>>>>>>>>>>>>>>> have attached the html project which was >>> create out side wicket here. >>> >>>>>>>>>>>>>>>>>>>>>>>>>> >>> >>>>>>>>>>>>>>>>>>>>>>>>>> Thanks! >>> >>>>>>>>>>>>>>>>>>>>>>>>>> >>> >>>>>>>>>>>>>>>>>>>>>>>>>> >>> >>>>>>>>>>>>>>>>>>>>>>>>>> On Mon, May 27, 2013 at 12:21 PM, Maxim >>> Solodovnik >>> >>>>>>>>>>>>>>>>>>>>>>>>>> <[email protected]> wrote: >>> >>>>>>>>>>>>>>>>>>>>>>>>>>> >>> >>>>>>>>>>>>>>>>>>>>>>>>>>> great! thanks! >>> >>>>>>>>>>>>>>>>>>>>>>>>>>> >>> >>>>>>>>>>>>>>>>>>>>>>>>>>> >>> >>>>>>>>>>>>>>>>>>>>>>>>>>> On Mon, May 27, 2013 at 1:45 PM, Andun >>> Sameera >>> >>>>>>>>>>>>>>>>>>>>>>>>>>> <[email protected]> wrote: >>> >>>>>>>>>>>>>>>>>>>>>>>>>>>> >>> >>>>>>>>>>>>>>>>>>>>>>>>>>>> Hi Maxim, >>> >>>>>>>>>>>>>>>>>>>>>>>>>>>> >>> >>>>>>>>>>>>>>>>>>>>>>>>>>>> I have created two git repos for component >>> >>>>>>>>>>>>>>>>>>>>>>>>>>>> https://github.com/andunslg/Wysiwyg-Wicketand >>> >>>>>>>>>>>>>>>>>>>>>>>>>>>> sample >>> >>>>>>>>>>>>>>>>>>>>>>>>>>>> >>> https://github.com/andunslg/Wysiwyg-Wicket-Sample. >>> >>>>>>>>>>>>>>>>>>>>>>>>>>>> >>> >>>>>>>>>>>>>>>>>>>>>>>>>>>> I have created the WysiwygBehaviour first. >>> After >>> >>>>>>>>>>>>>>>>>>>>>>>>>>>> scefully creating that I will create the >>> component to add the Wysiwyg >>> >>>>>>>>>>>>>>>>>>>>>>>>>>>> buttons. >>> >>>>>>>>>>>>>>>>>>>>>>>>>>>> >>> >>>>>>>>>>>>>>>>>>>>>>>>>>>> Thanks! >>> >>>>>>>>>>>>>>>>>>>>>>>>>>>> >>> >>>>>>>>>>>>>>>>>>>>>>>>>>>> >>> >>>>>>>>>>>>>>>>>>>>>>>>>>>> On Mon, May 27, 2013 at 9:31 AM, Andun >>> Sameera >>> >>>>>>>>>>>>>>>>>>>>>>>>>>>> <[email protected]> wrote: >>> >>>>>>>>>>>>>>>>>>>>>>>>>>>>> >>> >>>>>>>>>>>>>>>>>>>>>>>>>>>>> OK Maxim. Will look in to that. >>> >>>>>>>>>>>>>>>>>>>>>>>>>>>>> >>> >>>>>>>>>>>>>>>>>>>>>>>>>>>>> >>> >>>>>>>>>>>>>>>>>>>>>>>>>>>>> On Mon, May 27, 2013 at 9:29 AM, Maxim >>> >>>>>>>>>>>>>>>>>>>>>>>>>>>>> Solodovnik <[email protected]> wrote: >>> >>>>>>>>>>>>>>>>>>>>>>>>>>>>>> >>> >>>>>>>>>>>>>>>>>>>>>>>>>>>>>> I would like it as a plugin for >>> >>>>>>>>>>>>>>>>>>>>>>>>>>>>>> wicket-jquery-ui >>> >>>>>>>>>>>>>>>>>>>>>>>>>>>>>> I guess this plugin will require both >>> Behavior >>> >>>>>>>>>>>>>>>>>>>>>>>>>>>>>> and Component (probably extending >>> TextArea) with configurable buttons >>> >>>>>>>>>>>>>>>>>>>>>>>>>>>>>> I believe small number of buttons can be >>> added >>> >>>>>>>>>>>>>>>>>>>>>>>>>>>>>> in initial version >>> >>>>>>>>>>>>>>>>>>>>>>>>>>>>>> >>> >>>>>>>>>>>>>>>>>>>>>>>>>>>>>> >>> >>>>>>>>>>>>>>>>>>>>>>>>>>>>>> On Mon, May 27, 2013 at 10:55 AM, Andun >>> >>>>>>>>>>>>>>>>>>>>>>>>>>>>>> Sameera <[email protected]> wrote: >>> >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> >>> >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> Hi Maxim, >>> >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> >>> >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> I accept this. What I have to do is >>> creating >>> >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> another wicket module which wraps the >>> bootstrap-wysiwyg plugin. Do I have to >>> >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> create it as a separate project or under >>> wicket-jquery-ui ? >>> >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> >>> >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> Thanks! >>> >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> >>> >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> >>> >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> On Mon, May 27, 2013 at 9:19 AM, Maxim >>> >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> Solodovnik <[email protected]> wrote: >>> >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> >>> >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> Hello Andun, >>> >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> >>> >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> since Sebastian already implemented >>> >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> emoticons plugin I propose you to >>> implement additional component: WYSIWYG >>> >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> editor plugin based on >>> http://mindmup.github.io/bootstrap-wysiwyg/ >>> >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> as described here: >>> >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> >>> https://issues.apache.org/jira/browse/OPENMEETINGS-558 >>> >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> >>> >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> Would you accept that? >>> >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> >>> >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> -- >>> >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> WBR >>> >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> Maxim aka solomax >>> >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> >>> >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> >>> >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> >>> >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> >>> >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> -- >>> >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> Regards >>> >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> Andun S.L. Gunawardana >>> >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> Undergraduate >>> >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> Department of Computer Science And >>> >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> Engineering >>> >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> University of Moratuwa >>> >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> Sri Lanka >>> >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> >>> >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> Blog - >>> >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> >>> http://www.insightforfuture.blogspot.com/ >>> >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> LinkedIn - >>> >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> >>> http://www.linkedin.com/pub/andun-s-l-gunawardana/34/646/703 >>> >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> Twitter -http://twitter.com/AndunSLG >>> >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> >>> >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> >>> >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> >>> >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> >>> >>>>>>>>>>>>>>>>>>>>>>>>>>>>>> >>> >>>>>>>>>>>>>>>>>>>>>>>>>>>>>> >>> >>>>>>>>>>>>>>>>>>>>>>>>>>>>>> >>> >>>>>>>>>>>>>>>>>>>>>>>>>>>>>> >>> >>>>>>>>>>>>>>>>>>>>>>>>>>>>>> -- >>> >>>>>>>>>>>>>>>>>>>>>>>>>>>>>> WBR >>> >>>>>>>>>>>>>>>>>>>>>>>>>>>>>> Maxim aka solomax >>> >>>>>>>>>>>>>>>>>>>>>>>>>>>>> >>> >>>>>>>>>>>>>>>>>>>>>>>>>>>>> >>> >>>>>>>>>>>>>>>>>>>>>>>>>>>>> >>> >>>>>>>>>>>>>>>>>>>>>>>>>>>>> >>> >>>>>>>>>>>>>>>>>>>>>>>>>>>>> -- >>> >>>>>>>>>>>>>>>>>>>>>>>>>>>>> Regards >>> >>>>>>>>>>>>>>>>>>>>>>>>>>>>> Andun S.L. Gunawardana >>> >>>>>>>>>>>>>>>>>>>>>>>>>>>>> Undergraduate >>> >>>>>>>>>>>>>>>>>>>>>>>>>>>>> Department of Computer Science And >>> Engineering >>> >>>>>>>>>>>>>>>>>>>>>>>>>>>>> University of Moratuwa >>> >>>>>>>>>>>>>>>>>>>>>>>>>>>>> Sri Lanka >>> >>>>>>>>>>>>>>>>>>>>>>>>>>>>> >>> >>>>>>>>>>>>>>>>>>>>>>>>>>>>> Blog - >>> >>>>>>>>>>>>>>>>>>>>>>>>>>>>> http://www.insightforfuture.blogspot.com/ >>> >>>>>>>>>>>>>>>>>>>>>>>>>>>>> LinkedIn - >>> >>>>>>>>>>>>>>>>>>>>>>>>>>>>> >>> http://www.linkedin.com/pub/andun-s-l-gunawardana/34/646/703 >>> >>>>>>>>>>>>>>>>>>>>>>>>>>>>> Twitter -http://twitter.com/AndunSLG >>> >>>>>>>>>>>>>>>>>>>>>>>>>>>>> >>> >>>>>>>>>>>>>>>>>>>>>>>>>>>>> >>> >>>>>>>>>>>>>>>>>>>>>>>>>>>>> >>> >>>>>>>>>>>>>>>>>>>>>>>>>>>>> >>> >>>>>>>>>>>>>>>>>>>>>>>>>>>> >>> >>>>>>>>>>>>>>>>>>>>>>>>>>>> >>> >>>>>>>>>>>>>>>>>>>>>>>>>>>> >>> >>>>>>>>>>>>>>>>>>>>>>>>>>>> >>> >>>>>>>>>>>>>>>>>>>>>>>>>>>> -- >>> >>>>>>>>>>>>>>>>>>>>>>>>>>>> Regards >>> >>>>>>>>>>>>>>>>>>>>>>>>>>>> Andun S.L. Gunawardana >>> >>>>>>>>>>>>>>>>>>>>>>>>>>>> Undergraduate >>> >>>>>>>>>>>>>>>>>>>>>>>>>>>> Department of Computer Science And >>> Engineering >>> >>>>>>>>>>>>>>>>>>>>>>>>>>>> University of Moratuwa >>> >>>>>>>>>>>>>>>>>>>>>>>>>>>> Sri Lanka >>> >>>>>>>>>>>>>>>>>>>>>>>>>>>> >>> >>>>>>>>>>>>>>>>>>>>>>>>>>>> Blog - >>> http://www.insightforfuture.blogspot.com/ >>> >>>>>>>>>>>>>>>>>>>>>>>>>>>> LinkedIn - >>> >>>>>>>>>>>>>>>>>>>>>>>>>>>> >>> http://www.linkedin.com/pub/andun-s-l-gunawardana/34/646/703 >>> >>>>>>>>>>>>>>>>>>>>>>>>>>>> Twitter -http://twitter.com/AndunSLG >>> >>>>>>>>>>>>>>>>>>>>>>>>>>>> >>> >>>>>>>>>>>>>>>>>>>>>>>>>>>> >>> >>>>>>>>>>>>>>>>>>>>>>>>>>>> >>> >>>>>>>>>>>>>>>>>>>>>>>>>>>> >>> >>>>>>>>>>>>>>>>>>>>>>>>>>> >>> >>>>>>>>>>>>>>>>>>>>>>>>>>> >>> >>>>>>>>>>>>>>>>>>>>>>>>>>> >>> >>>>>>>>>>>>>>>>>>>>>>>>>>> >>> >>>>>>>>>>>>>>>>>>>>>>>>>>> -- >>> >>>>>>>>>>>>>>>>>>>>>>>>>>> WBR >>> >>>>>>>>>>>>>>>>>>>>>>>>>>> Maxim aka solomax >>> >>>>>>>>>>>>>>>>>>>>>>>>>> >>> >>>>>>>>>>>>>>>>>>>>>>>>>> >>> >>>>>>>>>>>>>>>>>>>>>>>>>> >>> >>>>>>>>>>>>>>>>>>>>>>>>>> >>> >>>>>>>>>>>>>>>>>>>>>>>>>> -- >>> >>>>>>>>>>>>>>>>>>>>>>>>>> Regards >>> >>>>>>>>>>>>>>>>>>>>>>>>>> Andun S.L. Gunawardana >>> >>>>>>>>>>>>>>>>>>>>>>>>>> Undergraduate >>> >>>>>>>>>>>>>>>>>>>>>>>>>> Department of Computer Science And Engineering >>> >>>>>>>>>>>>>>>>>>>>>>>>>> University of Moratuwa >>> >>>>>>>>>>>>>>>>>>>>>>>>>> Sri Lanka >>> >>>>>>>>>>>>>>>>>>>>>>>>>> >>> >>>>>>>>>>>>>>>>>>>>>>>>>> Blog - >>> http://www.insightforfuture.blogspot.com/ >>> >>>>>>>>>>>>>>>>>>>>>>>>>> LinkedIn - >>> >>>>>>>>>>>>>>>>>>>>>>>>>> >>> http://www.linkedin.com/pub/andun-s-l-gunawardana/34/646/703 >>> >>>>>>>>>>>>>>>>>>>>>>>>>> Twitter -http://twitter.com/AndunSLG >>> >>>>>>>>>>>>>>>>>>>>>>>>>> >>> >>>>>>>>>>>>>>>>>>>>>>>>>> >>> >>>>>>>>>>>>>>>>>>>>>>>>>> >>> >>>>>>>>>>>>>>>>>>>>>>>>>> >>> >>>>>>>>>>>>>>>>>>>>>>>>> >>> >>>>>>>>>>>>>>>>>>>>>>>>> >>> >>>>>>>>>>>>>>>>>>>>>>>>> >>> >>>>>>>>>>>>>>>>>>>>>>>>> >>> >>>>>>>>>>>>>>>>>>>>>>>>> -- >>> >>>>>>>>>>>>>>>>>>>>>>>>> WBR >>> >>>>>>>>>>>>>>>>>>>>>>>>> Maxim aka solomax >>> >>>>>>>>>>>>>>>>>>>>>>>> >>> >>>>>>>>>>>>>>>>>>>>>>>> >>> >>>>>>>>>>>>>>>>>>>>>>>> >>> >>>>>>>>>>>>>>>>>>>>>>>> >>> >>>>>>>>>>>>>>>>>>>>>>>> -- >>> >>>>>>>>>>>>>>>>>>>>>>>> Regards >>> >>>>>>>>>>>>>>>>>>>>>>>> Andun S.L. Gunawardana >>> >>>>>>>>>>>>>>>>>>>>>>>> Undergraduate >>> >>>>>>>>>>>>>>>>>>>>>>>> Department of Computer Science And Engineering >>> >>>>>>>>>>>>>>>>>>>>>>>> University of Moratuwa >>> >>>>>>>>>>>>>>>>>>>>>>>> Sri Lanka >>> >>>>>>>>>>>>>>>>>>>>>>>> >>> >>>>>>>>>>>>>>>>>>>>>>>> Blog - >>> http://www.insightforfuture.blogspot.com/ >>> >>>>>>>>>>>>>>>>>>>>>>>> LinkedIn - >>> >>>>>>>>>>>>>>>>>>>>>>>> >>> http://www.linkedin.com/pub/andun-s-l-gunawardana/34/646/703 >>> >>>>>>>>>>>>>>>>>>>>>>>> Twitter -http://twitter.com/AndunSLG >>> >>>>>>>>>>>>>>>>>>>>>>>> >>> >>>>>>>>>>>>>>>>>>>>>>>> >>> >>>>>>>>>>>>>>>>>>>>>>>> >>> >>>>>>>>>>>>>>>>>>>>>>>> >>> >>>>>>>>>>>>>>>>>>>>>>> >>> >>>>>>>>>>>>>>>>>>>>>>> >>> >>>>>>>>>>>>>>>>>>>>>>> >>> >>>>>>>>>>>>>>>>>>>>>>> >>> >>>>>>>>>>>>>>>>>>>>>>> -- >>> >>>>>>>>>>>>>>>>>>>>>>> WBR >>> >>>>>>>>>>>>>>>>>>>>>>> Maxim aka solomax >>> >>>>>>>>>>>>>>>>>>>>>> >>> >>>>>>>>>>>>>>>>>>>>>> >>> >>>>>>>>>>>>>>>>>>>>>> >>> >>>>>>>>>>>>>>>>>>>>>> >>> >>>>>>>>>>>>>>>>>>>>>> -- >>> >>>>>>>>>>>>>>>>>>>>>> WBR >>> >>>>>>>>>>>>>>>>>>>>>> Maxim aka solomax >>> >>>>>>>>>>>>>>>>>>>>> >>> >>>>>>>>>>>>>>>>>>>>> >>> >>>>>>>>>>>>>>>>>>>>> Thanks! >>> >>>... >> >> > > > -- > WBR > Maxim aka solomax > -- Regards Andun S.L. Gunawardana Undergraduate Department of Computer Science And Engineering University of Moratuwa Sri Lanka Blog - http://www.insightforfuture.blogspot.com/ LinkedIn - http://www.linkedin.com/pub/andun-s-l-gunawardana/34/646/703 Twitter -http://twitter.com/AndunSLG
