add codeField component
fix codeField