feat: add content elements, change backend preview

packages/base/ContentBlocks/ContentElements/textimage/templates/backend-preview.html

@@ -7,20 +7,22 @@
 <f:section name="Header">
     <be:link.editRecord uid="{data.uid}" table="{data.mainType}">
         <f:if condition="{data.header}">
-          <f:then>{data.header}</f:then>
-          <f:else>Text/Image Element</f:else>
+            <f:then><strong>{data.header}</strong></f:then>
         </f:if>
     </be:link.editRecord>
 </f:section>
 
 <f:section name="Content">
-  <f:if condition="{data.bodytext}">
-    <f:then>
-      <p>Preview: <f:format.crop maxCharacters="50">{data.bodytext}</f:format.crop></p>
-    </f:then>
-    <f:else>
-      <p>No text available</p>
-    </f:else>
-  </f:if>
+    <f:if condition="{data.image}">
+        <f:image image="{data.image.0}" width="100" height="auto" treatIdAsReference="1" alt="Preview image" />
+    </f:if>
+
+    <f:if condition="{data.bodytext}">
+        <p>
+            <f:format.crop maxCharacters="80">
+              <f:format.stripTags>{data.bodytext}</f:format.stripTags>
+            </f:format.crop>
+        </p>
+    </f:if>
 </f:section>
 </html>