How to make a text as a CQ component?

Question

Hi,
I am a newbee in CQ development, so please bear with me if I ask too obvious question.
I created a template which diplays a title and summary of page in WCM be below.
I originally put these two values of properties into each page node using CRXDE Lite.
------template.jsp---------------------------------------------------------------
<% String currentTitle = currentPage.getTitle();
String summary = currentPage.getProperties().get("summary",""); %>
<h1><%=currentTitle%></h1>
<p><%=summary%></p>
It successfully display the title for each pages in WCM structure. However, when I click into a page from WCM.
I cannot edit the content of summary as I can edit using a CQ component of text. If I want to edit I have to go back to CRXDElite and
browse the page's jcr:content and find the summary property to edit it.
I tried this.
-------template.jsp(what I  tried)-----------------------------------------------
<% String currentTitle = currentPage.getTitle();
String summary = currentPage.getProperties().get("summary",""); %>
<h1><%=currentTitle%></h1>
<cq:text property="text"/>
<p><%=summary%></p>
But it displays CQ component and my text seperately.
Is there anyway I can do this like this?
<cq:text property="text" value="<%=summary%>"/>

Answer 1

Hi,
Try to read documentation from the following links to understand how components work and for sure how to start implementation for them:
-> http://dev.day.com/docs/en/cq/current/developing/components.html
-> http://dev.day.com/docs/en/cq/current/howto/components_develop.html
-> http://dev.day.com/docs/en/cq/current/getting_started/first_steps_for_developers.html
My suggestion is first of all to create a custom component "summary" under  "/apps/yourapp/components/summary" with some dialog to set summary description and of course some summary.jsp to render it on the page. So summary.jsp will contains something like
<% String summary= properties.get("summary", String.class); %>
<p><%=summary%></p>
Finally you need to inlclude in your template.jsp component:
<cq:include path="summary" resourceType="yourapp/components/summary"/>
Then if you open a page in the EDIT mode you should have possiblity open a dialog for this component and specify a summary.
After click ok on the DIALOG value for summary should be present on the page. This is of course quick overview, so better please check link with documentation.
I hope that somehow helps you.
Regards,
kasq