9 Commits

Author SHA1 Message Date
9cb949b485 revert 097af3ed3a
revert Commmented redundat endpoints
2025-01-17 10:45:10 +01:00
097af3ed3a Commmented redundat endpoints 2025-01-17 10:25:26 +01:00
b9f26f07a8 Added new component for params 2025-01-16 11:30:56 +01:00
6a70c3c9c9 Merge remote-tracking branch 'origin/Add_xslt_parameters' into Add_xslt_parameters
# Conflicts:
#	Backend/tools-services/src/main/java/com/r11/tools/controller/XmlController.java
#	Backend/tools-services/src/main/java/com/r11/tools/controller/internal/XmlJobType.java
#	Backend/tools-services/src/main/java/com/r11/tools/xml/XmlEngine.java
2025-01-16 11:07:39 +01:00
a0d759f58b Added basic adding param functionality 2025-01-16 10:59:59 +01:00
9f64b83844 Added template for new operation 2025-01-09 18:21:49 +01:00
0d469db020 finished UI for adding parameters 2025-01-09 13:33:04 +01:00
38b3942bde added parameters component 2025-01-08 16:54:52 +01:00
e834229cae created UI for adding parameters 2025-01-07 13:20:45 +01:00
16 changed files with 252 additions and 188 deletions

View File

@@ -40,7 +40,7 @@ def formatXML(source: str, prettify: bool) -> str:
if prolog_start != -1: if prolog_start != -1:
prolog_end = source.find("?>") + 2 prolog_end = source.find("?>") + 2
prolog = source[prolog_start:prolog_end] prolog = source[prolog_start:prolog_end]
source = source[prolog_end:].strip() source = source[prolog_end: ]
byte_input = BytesIO(source.encode("utf-8")) byte_input = BytesIO(source.encode("utf-8"))
parser = etree.XMLParser(remove_blank_text=True) parser = etree.XMLParser(remove_blank_text=True)
@@ -48,12 +48,9 @@ def formatXML(source: str, prettify: bool) -> str:
if prettify: if prettify:
prolog += "\n" prolog += "\n"
return prolog + etree.tostring(xml, pretty_print=True, encoding="utf-8").decode("utf-8")
raw_xml = etree.tostring(xml, encoding="utf-8").decode("utf-8") return prolog + etree.tostring(xml, pretty_print=prettify).decode()
raw_xml = " ".join(raw_xml.split())
return prolog + raw_xml
def xpath(source: str, xpath: str) -> str: def xpath(source: str, xpath: str) -> str:
""" """
@@ -86,6 +83,7 @@ def xpath(source: str, xpath: str) -> str:
return result_string, "node" return result_string, "node"
def xsd(source: str, xsd: str) -> bool: def xsd(source: str, xsd: str) -> bool:
""" """
Method used to validate XML string against XSD schema Method used to validate XML string against XSD schema
@@ -106,6 +104,8 @@ def xsd(source: str, xsd: str) -> bool:
except etree.DocumentInvalid as e: except etree.DocumentInvalid as e:
return str(e) return str(e)
def xslt(source: str, xslt: str) -> str: def xslt(source: str, xslt: str) -> str:
""" """
Method used to transform XML string using XSLT Method used to transform XML string using XSLT

View File

@@ -36,8 +36,8 @@ def process_xml(request: request, type: str) -> str:
response_json['result'] = Parser.xslt(data, processorData) response_json['result'] = Parser.xslt(data, processorData)
elif (type == "xpath"): elif (type == "xpath"):
response_json['result'], response_json['type'] = Parser.xpath(data, processorData) response_json['result'], response_json['type'] = Parser.xpath(data, processorData)
# elif (type == "prettify"): elif (type == "prettify"):
# response_json['result'] = Parser.formatXML(data, True) response_json['result'] = Parser.formatXML(data, True)
elif (type == "minimize"): elif (type == "minimize"):
response_json['result'] = Parser.formatXML(data, False) response_json['result'] = Parser.formatXML(data, False)
elif (type == "prettifyHtml"): elif (type == "prettifyHtml"):
@@ -77,10 +77,9 @@ def xsd():
def xslt(): def xslt():
return process_xml(request, "xslt") return process_xml(request, "xslt")
# Removed because lxml can't pretify <xs:complexType mixed="true"> @app.route("/prettify", methods=["POST"])
# @app.route("/prettify", methods=["POST"]) def prettify():
# def prettify(): return process_xml(request, "prettify")
# return process_xml(request, "prettify")
@app.route("/minimize", methods=["POST"]) @app.route("/minimize", methods=["POST"])
def minimize(): def minimize():

View File

@@ -44,7 +44,6 @@ public class SparkApplication {
registry.registerController(new XmlController(gson, logger, saxon, xalan)); registry.registerController(new XmlController(gson, logger, saxon, xalan));
registry.registerController(new MultipleXMLController(gson,logger, saxon)); registry.registerController(new MultipleXMLController(gson,logger, saxon));
registry.registerController(new JsonController(gson, jsongson, logger)); registry.registerController(new JsonController(gson, jsongson, logger));
registry.registerController(new XmlFormatterController(gson));
registry.register(); registry.register();

View File

@@ -10,6 +10,8 @@ import org.apache.logging.log4j.Logger;
import spark.Request; import spark.Request;
import spark.Response; import spark.Response;
import java.io.StringWriter;
/** /**
* Controller used to handle XML tools: XPath, XSD validation, XQuery and XSLT * Controller used to handle XML tools: XPath, XSD validation, XQuery and XSLT
* @author Adam Bem * @author Adam Bem
@@ -48,9 +50,14 @@ public class XmlController implements RestController {
@ScopedControllerManifest(method = HandlerType.POST, path = "/xslt") @ScopedControllerManifest(method = HandlerType.POST, path = "/xslt")
public void acceptRequestXslt(Request request, Response response) { public void acceptRequestXslt(Request request, Response response) {
System.out.println("received xslt");
acceptRequest(request, response, XmlJobType.XSLT); acceptRequest(request, response, XmlJobType.XSLT);
} }
@ScopedControllerManifest(method = HandlerType.POST, path = "/xslt/param")
public void acceptRequestXsltAddParam(Request request, Response response) {
System.out.println("received param");
acceptRequest(request, response, XmlJobType.XSLT_PARAM);
}
private void acceptRequest(Request request, Response response, XmlJobType xmlJobType) { private void acceptRequest(Request request, Response response, XmlJobType xmlJobType) {
XMLRequestBody requestBody; XMLRequestBody requestBody;
try { try {
@@ -60,7 +67,12 @@ public class XmlController implements RestController {
return; return;
} }
if (requestBody.getProcessor() == null) { if (requestBody.getProcessor() == null ) {
if(requestBody.getProcessorData() != null){
processRequest(new XmlJob(response, requestBody, xmlJobType));
return;
}
System.out.println("getProcessor=null");
invalidEngineSelectedResponse(response); invalidEngineSelectedResponse(response);
return; return;
} }
@@ -91,10 +103,9 @@ public class XmlController implements RestController {
responseBody.setDuration(duration); responseBody.setDuration(duration);
xmlJob.getResponse().status(200); xmlJob.getResponse().status(200);
/* this.logger.info("Request (" + xmlJob.getXmlJobType() + ", " +
this.logger.info("Request (" + xmlJob.getXmlJobType() + ", " +
xmlJob.getEngine().getVersion() + xmlJob.getEngine().getVersion() +
") processed in " + duration + " ms."); ") processed in " + duration + " ms.");*/
} catch (Exception ex) { } catch (Exception ex) {
responseBody = processingErrorResponse(ex, xmlJob); responseBody = processingErrorResponse(ex, xmlJob);
@@ -129,6 +140,13 @@ public class XmlController implements RestController {
String result = null; String result = null;
switch (xmlJob.getXmlJobType()) { switch (xmlJob.getXmlJobType()) {
case XSLT_PARAM:
System.out.println("xstl_param");
System.out.println(requestBody.getProcessorData());
System.out.println(requestBody.getParamName());
System.out.println(requestBody.getParamValue());
result = addParam(requestBody.getProcessorData(), requestBody.getParamName(), requestBody.getParamValue());
break;
case XSLT: case XSLT:
result = engine.processXSLT(requestBody.getData(), requestBody.getProcessorData()); result = engine.processXSLT(requestBody.getData(), requestBody.getProcessorData());
break; break;
@@ -141,7 +159,16 @@ public class XmlController implements RestController {
requestBody.getVersion()); requestBody.getVersion());
break; break;
} }
return new XMLResponseBody(result, "OK", requestBody.getVersion()); System.out.println("can we get here?");
return new XMLResponseBody(result, "OK", requestBody.getProcessorData());
}
private String addParam(String processorData, String paramName, String paramValue) {
System.out.println("addParamSaxon");
processorData= processorData.replace("<xsl:template match=\"/\">", "<xsl:param name=\""+paramName+"\" select=\"'"+paramValue+"'\"/>\n\t\t<xsl:template match=\"/\">");
StringWriter sw = new StringWriter();
sw.write(processorData);
return sw.toString();
} }
private XMLResponseBody processingErrorResponse(Exception ex, XmlJob xmlJob) { private XMLResponseBody processingErrorResponse(Exception ex, XmlJob xmlJob) {

View File

@@ -1,51 +0,0 @@
package com.r11.tools.controller;
import com.google.gson.Gson;
import com.r11.tools.controller.internal.GlobalControllerManifest;
import com.r11.tools.controller.internal.HandlerType;
import com.r11.tools.controller.internal.RestController;
import com.r11.tools.controller.internal.ScopedControllerManifest;
import com.r11.tools.controller.internal.XmlJobType;
import com.r11.tools.model.XMLRequestBody;
import com.r11.tools.model.XMLResponseBody;
import com.r11.tools.xml.XmlFormatter;
import spark.Request;
import spark.Response;
@GlobalControllerManifest
public class XmlFormatterController implements RestController {
private final Gson gson;
public XmlFormatterController(Gson gson) {
this.gson = gson;
}
@ScopedControllerManifest(method = HandlerType.POST, path = "/prettify")
public void acceptRequestXslt(Request request, Response response) {
acceptRequest(request, response);
}
private void acceptRequest(Request request, Response response){
long timeStart = System.currentTimeMillis();
long duration;
XmlFormatter formatter = new XmlFormatter();
XMLRequestBody requestBody;
try {
requestBody = this.gson.fromJson(request.body(), XMLRequestBody.class);
} catch (Exception e) {
requestErrorResponse(response, e);
return;
}
String responseString = formatter.formatXML(requestBody.getData());
duration = System.currentTimeMillis() - timeStart;
XMLResponseBody responseBody = new XMLResponseBody(responseString,"OK",duration);
response.body(this.gson.toJson(responseBody));
}
private void requestErrorResponse(Response response, Exception ex) {
XMLResponseBody responseBody = new XMLResponseBody(ex.getMessage(), "ERR", "N/A", -1);
response.status(400);
response.body(this.gson.toJson(responseBody));
}
}

View File

@@ -7,7 +7,7 @@ import spark.Response;
public class XmlJob { public class XmlJob {
private final Response response; private final Response response;
private final XMLRequestBody requestBody; private final XMLRequestBody requestBody;
private final XmlEngine engine; private XmlEngine engine;
private final XmlJobType xmlJobType; private final XmlJobType xmlJobType;
public XmlJob(Response response, XMLRequestBody requestBody, XmlEngine engine, XmlJobType xmlJobType) { public XmlJob(Response response, XMLRequestBody requestBody, XmlEngine engine, XmlJobType xmlJobType) {
@@ -16,7 +16,11 @@ public class XmlJob {
this.engine = engine; this.engine = engine;
this.xmlJobType = xmlJobType; this.xmlJobType = xmlJobType;
} }
public XmlJob(Response response, XMLRequestBody requestBody, XmlJobType xmlJobType) {
this.response = response;
this.requestBody = requestBody;
this.xmlJobType = xmlJobType;
}
public Response getResponse() { public Response getResponse() {
return response; return response;
} }

View File

@@ -1,7 +1,7 @@
package com.r11.tools.controller.internal; package com.r11.tools.controller.internal;
public enum XmlJobType { public enum XmlJobType {
XPath("XPath"), XSD("XSD"), XQuery("XQuery"), XSLT("XSLT"); XPath("XPath"), XSD("XSD"), XQuery("XQuery"), XSLT("XSLT"), XSLT_PARAM("XSLT_PARAM");
XmlJobType(String type) { XmlJobType(String type) {
} }

View File

@@ -4,7 +4,6 @@ import com.google.gson.annotations.SerializedName;
/** /**
* POJO class used to contain body of XML related requests * POJO class used to contain body of XML related requests
*
* @author Adam Bem * @author Adam Bem
*/ */
public class XMLRequestBody { public class XMLRequestBody {
@@ -16,26 +15,21 @@ public class XMLRequestBody {
private String processor; private String processor;
@SerializedName("version") @SerializedName("version")
private String version; private String version;
@SerializedName("pretify") @SerializedName("paramName")
private String pretif; private String paramName;
@SerializedName("paramValue")
private String paramValue;
public String getData() { public String getData() {
return data; return data;
} }
public String getProcessorData() {return processorData;}
public String getProcessorData() { public String getParamName() {return paramName;}
return processorData; public String getParamValue() {return paramValue;}
}
public String getProcessor() { public String getProcessor() {
return processor; return processor;
} }
public String getVersion() { public String getVersion() {
return version; return version;
} }
public String getPretif() {
return pretif;
}
} }

View File

@@ -2,7 +2,6 @@ package com.r11.tools.model;
public class XMLResponseBody { public class XMLResponseBody {
private String result; private String result;
private String status; private String status;
private String processor; private String processor;
@@ -11,11 +10,6 @@ public class XMLResponseBody {
// Optional // Optional
private String type; private String type;
public XMLResponseBody(String result, String status, long duration) {
this.result = result;
this.status = status;
this.duration = duration;
}
public XMLResponseBody(String result, String status, String processor) { public XMLResponseBody(String result, String status, String processor) {
this.result = result; this.result = result;
this.status = status; this.status = status;

View File

@@ -164,4 +164,9 @@ public class Saxon implements XmlEngine{
public String getVersion() { public String getVersion() {
return "Saxon " + new Processor(false).getSaxonProductVersion(); return "Saxon " + new Processor(false).getSaxonProductVersion();
} }
@Override
public String addParam(String data, String processorData) throws Exception {
return null;
}
} }

View File

@@ -124,6 +124,11 @@ public class Xalan implements XmlEngine{
return org.apache.xalan.Version.getVersion(); return org.apache.xalan.Version.getVersion();
} }
@Override
public String addParam(String data, String processorData) throws Exception {
return null;
}
/** /**
* Validates string representation of the xml document against xsd schema * Validates string representation of the xml document against xsd schema
* @param data xml document * @param data xml document

View File

@@ -9,9 +9,7 @@ public interface XmlEngine {
XPathQueryResult processXPath(String data, String query, String version) throws Exception; XPathQueryResult processXPath(String data, String query, String version) throws Exception;
String processXSLT(String data, String transform) throws Exception; String processXSLT(String data, String transform) throws Exception;
String validate(String data, String xsd) throws Exception; String validate(String data, String xsd) throws Exception;
String executeXQuery(String data, String xquery, String version) throws Exception; String executeXQuery(String data, String xquery, String version) throws Exception;
public String getVersion(); public String getVersion();
String addParam(String processorData, String paramName, String paramValue) throws Exception;
} }

View File

@@ -1,37 +0,0 @@
package com.r11.tools.xml;
import org.w3c.dom.Document;
import org.xml.sax.InputSource;
import javax.xml.parsers.DocumentBuilder;
import javax.xml.parsers.DocumentBuilderFactory;
import javax.xml.transform.OutputKeys;
import javax.xml.transform.Transformer;
import javax.xml.transform.TransformerFactory;
import javax.xml.transform.dom.DOMSource;
import javax.xml.transform.stream.StreamResult;
import java.io.StringReader;
import java.io.StringWriter;
public class XmlFormatter {
public String formatXML(String inputXML) {
try {
DocumentBuilderFactory factory = DocumentBuilderFactory.newInstance();
factory.setNamespaceAware(true);
DocumentBuilder builder = factory.newDocumentBuilder();
Document document = builder.parse(new InputSource(new StringReader(inputXML)));
TransformerFactory transformerFactory = TransformerFactory.newInstance();
Transformer transformer = transformerFactory.newTransformer();
transformer.setOutputProperty(OutputKeys.INDENT, "yes");
transformer.setOutputProperty("{http://xml.apache.org/xslt}indent-amount", "2");
StringWriter writer = new StringWriter();
transformer.transform(new DOMSource(document), new StreamResult(writer));
return writer.toString();
} catch (Exception e) {
e.printStackTrace();
return null;
}
}
}

View File

@@ -0,0 +1,107 @@
<script setup lang="ts">
import {ref} from 'vue'
const emit = defineEmits<{
(event: 'update-value', value: string): void;
}>();
const props = defineProps({
xslt: {type: String, required: true}
})
const sendToParent = (xslt: string) => {
emit('update-value', xslt);
};
const nameInput = ref('')
const valueInput = ref('')
const options = ref<{ name: string }[]>([
{ name: "Add Param" },
{ name: "Set Param" },
]);
const selectedOption = ref(options.value[0].name);
const selectedFunction = () => {
if(selectedOption.value === "Add Param") {
sendRequest("addParam");
}
else {
sendRequest("setParam")
}
};
const sendRequest = (type:string) => {
console.log(type)
let request: Request = prepareRequest(type)
fetchRequest(request).then((body) => {
const result = (body as any).result;
sendToParent(result);
});
}
function prepareRequest(type :string): Request {
let request = new Request(prepareURL(), {
body: prepareRequestBody(type),
method: "POST"
});
return request
}
function prepareURL(): string {
//const engineEndpoint = engine.value == "libxml" ? "libxml" : "java";
return document.location.protocol + "//" + document.location.hostname + "/" + "java" + "/xslt/param";
//return "http://localhost:8081/xslt/param";
}
function prepareRequestBody(type: string): string {
let requestBody = JSON.stringify({
"processorData": props.xslt,
"paramName": nameInput.value,
"paramValue": valueInput.value,
"type": type
});
console.log(requestBody);
return requestBody;
}
async function fetchRequest(request: Request): Promise<JSON> {
console.log(request)
let responseBody = await fetch(request)
return await responseBody.json()
// .then(response => response.json())
// .then((body) => body)
//console.log(responseBody);
//return responseBody
}
</script>
<template>
<select
v-model="selectedOption"
class="px-3 rounded-full border border-slate-400 bg-white dark:text-slate-100 dark:bg-gray-600 w-1/3"
>
<option v-for="option in options" :value="option.name" :key="option.name">
{{ option.name }}
</option>
</select>
<input
id="NameTextInput"
v-model="nameInput"
class="text-input px-3 rounded-full border border-slate-400 bg-white dark:text-slate-100 dark:bg-gray-600 w-1/3"
type="text"
placeholder="Name"
/>
<input
id="ValueTextInput"
v-model="valueInput"
class="text-input px-3 rounded-full border border-slate-400 bg-white dark:text-slate-100 dark:bg-gray-600 w-1/3"
type="text"
placeholder="Value"
/>
<button class="tool-button" @click="selectedFunction">{{selectedOption}}</button>
</template>

View File

@@ -18,37 +18,38 @@ function process() {
} }
function prepareRequest():Request { function prepareRequest():Request {
return new Request(prepareURL(), { var request = new Request(prepareURL(), {
body: prepareRequestBody(), body: prepareRequestBody(),
method: "POST" method: "POST"
}) })
return request
} }
function prepareURL(): string { function prepareURL(): string {
let mode = "/java/prettify"; var mode = "prettify"
console.log("prepareUrl")
console.log(props.isMinimizer)
if (props.isMinimizer) if (props.isMinimizer)
mode = "/libxml/minimize" mode = "minimize"
return document.location.protocol + "//" + document.location.hostname + mode return document.location.protocol + "//" + document.location.hostname + "/libxml/" + mode
} }
function prepareRequestBody():string { function prepareRequestBody():string {
return JSON.stringify({ var requestBody = JSON.stringify({
"data": props.xml, "data": props.xml,
"processorData": "N/A", "processorData": "N/A",
"processor": "libxml", "processor": "libxml",
"version": "1.0" "version": "1.0"
}) })
return requestBody
} }
async function fetchRequest(request: Request):Promise<JSON> { async function fetchRequest(request: Request):Promise<JSON> {
return await fetch(request) var responseBody = await fetch(request)
.then(response => response.json()) .then(response => response.json())
.then((body) => { .then((body) => {
emit("update:error", body.status == "ERR") emit("update:error", body.status == "ERR")
return body return body
}) })
return responseBody
} }
function sendProcessedData(data: JSON) { function sendProcessedData(data: JSON) {

View File

@@ -2,8 +2,9 @@
import InsertTemplateComponent from '@components/common/InsertTemplateComponent.vue' import InsertTemplateComponent from '@components/common/InsertTemplateComponent.vue'
import XMLButtonFormatterComponent from '@components/formatter/XMLButtonFormatterComponent.vue' import XMLButtonFormatterComponent from '@components/formatter/XMLButtonFormatterComponent.vue'
import CodeEditor from '@/components/common/CodeEditorComponent.vue' import CodeEditor from '@/components/common/CodeEditorComponent.vue'
import XsltParamComponent from '@/components/XsltParamComponent.vue'
import { ref } from 'vue' import {ref} from 'vue'
const props = defineProps( const props = defineProps(
{ {
@@ -20,6 +21,7 @@ function sendValue() {
emit('update:modelValue', data.value) emit('update:modelValue', data.value)
} }
function updateData(newData: string, clearFileSelector: boolean = true) { function updateData(newData: string, clearFileSelector: boolean = true) {
data.value = newData data.value = newData
if (clearFileSelector) if (clearFileSelector)
@@ -37,34 +39,51 @@ function canBeFormatted() {
props.stylizedName.toLowerCase() == 'xslt' props.stylizedName.toLowerCase() == 'xslt'
} }
function readFile(file : any) { function addParameters() {
return props.stylizedName?.toLowerCase() == "xslt"
}
function readFile(file: any) {
const reader = new FileReader() const reader = new FileReader()
reader.onloadend = () => { reader.onloadend = () => {
let result = reader.result?.toString() let result = reader.result?.toString()
if (typeof result == "string") if (typeof result == "string")
updateData(result, false); updateData(result, false)
} }
reader.readAsText(file.target.files[0]) reader.readAsText(file.target.files[0])
} }
const handleUpdateValue = (value: string) => {data.value = value};
</script> </script>
<template> <template>
<div class="flex flex-col w-full h-1/2 lg:h-1/2 flex-none xl:pr-2 2xl:pr-4 pb-2"> <div class="flex flex-col w-full h-1/2 lg:h-1/2 flex-none xl:pr-2 2xl:pr-4 pb-2">
<div class="flex justify-between mb-2"></div>
<div class="flex place-content-between w-full items-center"> <div class="flex place-content-between w-full items-center">
<span class="dark:text-white mr-2">{{ stylizedName }}</span> <span class="dark:text-white mr-2">{{ stylizedName }}</span>
<div class="flex space-x-2 pb-2 overflow-x-auto">
<div class="flex items-stretch w-64"> <div class="flex items-stretch w-64">
<input id="fileLoader" ref="inputFile" class="file-selector" type="file" accept=".xml,.xql,.xquery,.xslt,text/xml,text/plain" @change="readFile" /> <input id="fileLoader" ref="inputFile" class="file-selector" type="file" accept=".xml,.xql,.xquery,.xslt,text/xml,text/plain" @change="readFile"/>
</div> </div>
<div class="flex space-x-2 pb-2 overflow-x-auto">
<InsertTemplateComponent :stylized-name="props.stylizedName" @update:default-data="updateData"></InsertTemplateComponent> <InsertTemplateComponent :stylized-name="props.stylizedName" @update:default-data="updateData"></InsertTemplateComponent>
<XMLButtonFormatterComponent v-if="canBeFormatted()" :xml="data" @update:result="(data:any) => updateData(data.result)"></XMLButtonFormatterComponent> <XMLButtonFormatterComponent v-if="canBeFormatted()" :xml="data" @update:result="(data:any) => updateData(data.result)"></XMLButtonFormatterComponent>
<button class="tool-button" @click="clear">Clear</button> <button class="tool-button" @click="clear">Clear</button>
</div> </div>
</div> </div>
<div class="flex place-content-between w-full items-center">
<div v-if="addParameters()" class="flex justify-end space-x-2 pb-2 overflow-x-auto ml-auto">
<XsltParamComponent @update-value="handleUpdateValue" :xslt="data"/>
</div>
</div>
<CodeEditor @update:updated-code="updateData" v-model="data" :code="data" :config="{disabled:false, language:stylizedName}"></CodeEditor> <CodeEditor @update:updated-code="updateData" v-model="data" :code="data" :config="{disabled:false, language:stylizedName}"></CodeEditor>
</div> </div>
</template> </template>